我想在用户滚动靠近页面底部时创建一个静态菜单

Question

最好使用Javascript，Jquery，我希望能够在用户处于特定页面高度时触发div的可见性。当你滚动到一个故事的底部时，纽约时报有一个这样的例子，一个滑块弹出另一个新闻故事，如果你向上滚动就会消失。

Answer 1

我认为你想要的方法是：

$(document).scroll()    // event triggered whenever the page is scrolled
$(document).height()    // gets the height of the entire page
$(window).height()      // gets the height of the current window
$(document).scrollTop() // gets the top position currently visible

使用这些，您可以编写一个方法，当窗口距离底部100像素时显示div：

$(document).scroll(function() {
    var scrollBottom = $(document).scrollTop() + $(window).height();
    var height = $(document).height();
    if (scrollBottom > height - 100)
        $("div").show();
    else
        $("div").hide();
});