javascript-仅当滚动达到特定点时,如何使用jquery显示内容？

这个问题已经在这里有了答案：            >            How to detect page scroll to a certain point in jQuery?                                    3个
我一直在使用JQuery,但从未从事过此类工作.

我想做的是这样的：

当用户向下滚动到页面的页脚时,我想要使用JQuery开始显示加载在页脚正下方的10段内容.如何使用JQuery做到这一点？任何现有的插件或提示？

我查找了无限滚动和类似内容,但我不确定仅当用户超过页脚时如何触发内容显示.

解决方法:

实际上,正确的代码需要在页脚可见的情况下显示段落,因此您必须添加window height参数：

var target = $("#footer").offset().top-$(window).height();

像这样做：

var target = $("#footer").offset().top-$(window).height();
$(document).scroll(function() {
    if ($(window).scrollTop() >= target) {
        $(".content").show();
    }
});

如果未设置窗口高度,则页脚必须到达窗口的顶部,我认为这不是您想要的.

您可以在这里尝试：JSFiddle

标签：infinite-scroll,javascript,jquery
来源： https://codeday.me/bug/20191030/1969758.html