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

  • gsipek

    gsipek

    20 Temmuz 2007
  • Hey Nadine

    Hey Nadine

    24 Kasım 2006
  • xSammyJoe1

    xSammyJoe1

    19 Temmuz 2011