当用户滚动到页面底部时无法检测

时间:2018-08-06 05:44:11

标签: javascript jquery

我正在使用以下代码来检测用户何时滚动到页面底部:

$(window).on("scroll", function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
        // when scroll to bottom of the page
    }
});

但是,当我滚动到页面底部时,if语句将变为true,而不是告诉我何时滚动到页面底部。为什么会这样呢?非常感谢。我需要检测用户何时滚动到底部,是为了可以从服务器动态加载内容。我认为这无关紧要,但是我在后端使用Flask,并且发生故障的页面使用jinja-2呈现为模板。

1 个答案:

答案 0 :(得分:0)

_onScrollHandler(event){
if(event.target.scrollHeight - event.target.scrollTop === event.target.clientHeight){
console.log('Reacehd Bottom')
} 
}

在发生onscroll事件时调用此函数,并且从事件arg中可以获取scrollHeight,scrollTop和clientheight。 请尝试这个

相关问题