根据页面滚动

Question

在页面滚动时使用https://github.com/garand/sticky将元素粘贴到屏幕顶部。它工作得很好，但是当我到达页面的某个部分时，我试图使用它的$("#sticker").unstick();功能来取消相同的元素。

我怎样才能做到这一点？

这是我到目前为止所做的事情;

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="url/sticky.min.js"></script>
<script>
    $(document).ready(function(){
    $(".banner").sticky({topSpacing:60});
    $(".banner").unstick();
 });
</script>

<div class="banner"><img src="addresstoimage.jpg"></div>

Answer 1

sticky插件会自动粘贴并解锁。

您需要设置两个：topSpacing和bottomSpacing参数，并且您的元素将在这两个位置之间粘贴。

$(document).ready(function() {
    $(".banner").sticky(
        {
            topSpacing: 60,
            bottomSpacing: 100
        });
});