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

时间:2013-01-18 09:13:23

标签: javascript jquery

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

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

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

见下图: enter image description here

我的网站:Click Here

完整代码:Click Here

2 个答案:

答案 0 :(得分:5)

试试这个:

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

注意* 0.7意味着当滚动位于页面的70%时,该函数将会触发 - 即。从底部30%。

答案 1 :(得分:0)

试试这些:

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

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

如果您使用==,那么last_msg_funtion()仅在滚动率为70%时才会调用。

如果您使用>=,则只有当滚动时间超过70%时,last_msg_funtion()才会调用。