SORU
1 AĞUSTOS 2009, CUMARTESİ


Nasıl bir div ekranın üstüne yapıştırır'kaydırılan olmuş olabilir miyim?

İsterim oluşturmak için div, yani yer altında bir blok içerik ama o sayfayı bir kez oldu kaydırılan kadar kişi üst sınır olur, sabit yer ve verilirse ile sayfa. Bu online en az bir örnek gördüm biliyorum ama ben yapamam, beni hayat için hatırlıyorum.

Herhangi bir düşünce?

CEVAP
28 Ocak 2010, PERŞEMBE


Google Code bu örnek, issue page ve (sadece son zamanlarda) Yığın Taşması var Düzenle sayfasında gördüm.

CMS cevabı geri kaydırma konumlandırma geri gelmez. Burada Yığın Taşması dan utanmadan çalıntı kod:

function moveScroller() {
    var move = function() {
        var st = $(window).scrollTop();
        var ot = $("#scroller-anchor").offset().top;
        var s = $("#scroller");
        if(st > ot) {
            s.css({
                position: "fixed",
                top: "0px"
            });
        } else {
            if(st <= ot) {
                s.css({
                    position: "relative",
                    top: ""
                });
            }
        }
    };
    $(window).scroll(move);
    move();
}
<div id="sidebar" style="width:270px;"> 
  <div id="scroller-anchor"></div> 
  <div id="scroller" style="margin-top:10px; width:270px"> 
    Scroller Scroller Scroller
  </div>
</div>

<script type="text/javascript"> 
  $(function() {
    moveScroller();
  });
</script> 

Ve basit bir 6**.

Bir olgunlaşmamış, script-ücretsiz alternatif Chrome Canary ve Y gece desteklenir position: sticky,. article on HTML5Rocks görmek this demo.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • maxman.tv

    maxman.tv

    29 EKİM 2013
  • pucksz

    pucksz

    24 Mart 2006
  • Wronchi Animation

    Wronchi Anim

    9 Mayıs 2011