我正在使用以下代码来检测用户何时滚动到页面底部:
$(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呈现为模板。
答案 0 :(得分:0)
_onScrollHandler(event){
if(event.target.scrollHeight - event.target.scrollTop === event.target.clientHeight){
console.log('Reacehd Bottom')
}
}
在发生onscroll事件时调用此函数,并且从事件arg中可以获取scrollHeight,scrollTop和clientheight。 请尝试这个