jquery - 无法让 DIV 坚持使用 SKROLLR

Question

我试图让一个 DIV 与向下滚动的视口(viewport)保持一致，我使用了与演示相同的代码。但还是不行。我也在我的网站上使用 Bootstrap ，以及 SCROLL-O-RAMA(这是不必要的)。这是我的代码:

 <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>

Answer 1

这是一个应该有帮助的旧例子

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);