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

  • Brandon McCrary

    Brandon McCr

    15 Ocak 2012
  • placeboing

    placeboing

    7 Mart 2006
  • Xbox

    Xbox

    1 Kasım 2005