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

  • AmazonWireless

    AmazonWirele

    8 EYLÜL 2010
  • case LianLi

    case LianLi

    28 Mayıs 2010
  • Machinima

    Machinima

    17 Ocak 2006