javascript - 使用 scrollTop() 从浏览器窗口底部检测 30%

Question

我的代码可以像下面这样检测浏览器窗口底部，然后运行last_msg_funtion();：

$(window).scroll(function(){
    if  ($(window).scrollTop() == $(document).height() - $(window).height()){
       last_msg_funtion();
    }
}); 

我的问题是用户需要向下滚动直到底部（页脚）然后last_msg_funtion();才会运行但我想调整检测可能从底部大约 30%

见下图：

我的网站：点击这里

完整代码：点击这里

Answer 1

尝试这个：

$(window).scroll(function(){
    if ($(window).scrollTop() == ($(document).height() * 0.7) - $(window).height()){
       last_msg_funtion();
    }
}); 

请注意，* 0.7这意味着该函数将在滚动到页面下方的 70% 时触发 - 即。30% 从底部开始。

Answer 2

试试这些：

$(window).scroll(function(){
    if ($(window).scrollTop() >= ($(document).height() * 0.7) - $(window).height()){
       last_msg_funtion();
    }
}); 

你必须>=在 if 条件下使用。

如果你使用==，那么 last_msg_funtion() 只会在滚动到 70% 时调用。

如果您使用>=，那么 last_msg_funtion() 将仅在滚动大于 70% 时调用。