無法讓DIV堅持SKROLLR

我試圖讓DIV堅持在向下滾動的視口，我使用了與演示相同的代碼。但仍然沒有去。我也使用我的網站引導，以及SCROLL-O-RAMA（這是不必要的）。這裏是我的代碼：無法讓DIV堅持SKROLLR

<style> 
#hand-stick { 
width:100%; 
height:100%; 
padding-top:10%; 
text-align:center; 
} 
</style> 

<div id="skrollr-body"> 
<div id="hand-stick" data-1700="top:100%;" data-2200="top:0%;" data-3000="display:block;"data-3700="top:-100%;display:none;>          <img src="images/slide3/thumbs-up.jpg"/></div> 
</div>

來源

2013-09-30 Josh Wade

我懷疑Skrollr和Scrollorama是兼容的。（你的意思是SuperScrollorama？前者只是一個演示。） – Mathletics

看起來你缺少'position：fixed'來鎖定div。 – Mathletics

對不起，我的意思是** SuperScroll-o-Rama ** –

這是一個古老的例子，應該幫助

http://jsfiddle.net/5ADzD/1/

function fixDiv() { 
    var $div = $("#navwrap"); 
    if ($(window).scrollTop() > $div.data("top")) { 
     $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
    } 
    else { 
     $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'}); 
    } 
} 

$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load 
$(window).scroll(fixDiv);

來源

2013-10-01 01:47:02

無法讓DIV堅持SKROLLR

回答

相關問題