如何将Fixed元素悬停到某个点

Question

我有一个div需要固定在屏幕的底部,直到它滚动到达某个点并停在那里并留下.如果用户开始向上滚动 - 在传递相同的点后再次修复它.

关于如何实现这一点的任何想法？

编辑:(这是我目前的代码不起作用)

$(window).scroll(function () {
    if ($(this).scrollTop() < $(document).height() - 81) {
        $('#bottom_pic').css('bottom', "0px");
    }
    else {
        $('#bottom_pic').css('bottom', "81px");
    }
});

CSS:

#bottom_pic 
{
    position: fixed;
    bottom: 0px;
}

谢谢!

Answer 1

jQuery Waypoints是一个很好的插件来实现这样的事情:滚动后固定div的演示