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ş:
Nasıl Java iki dizi bir arada olabilir...
Nasıl tamsayılar bir bölümü her zaman ...
Nasıl bir etki iOS için benzer 7 görün...
Nasıl "yorum-out" bir toplu ...
Nasıl benim web'ASP.NET MVC base ...