检查滚动是不是在谷歌浏览器的 jquery 底部

Posted

技术标签:

【中文标题】检查滚动是不是在谷歌浏览器的 jquery 底部【英文标题】:Checking if scroll is at bottom in jquery in Google Chrome检查滚动是否在谷歌浏览器的 jquery 底部 【发布时间】:2020-07-13 06:45:30 【问题描述】:

我有 django 项目,但无法让 jquery 脚本在 google chrome 中运行。

检查滚动是否在底部的简单代码:

 <script language="javascript" type="text/JavaScript">
    window.onload = function () 

       $('#scrolling').on('scroll', chk_scroll);
    ;

    function chk_scroll(e) 

        var elem = $(e.currentTarget);
        if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) 
           alert("bottom")
        
    
</script>

它适用于 Opera、Explorer、Firefox、Chrome(作为单个 html 文件,不是项目的一部分)、jsfiddle。

P.s jquery 正确加载,其他脚本正常工作。

【问题讨论】:

你试过用$( document ).ready()代替window.onload吗? 是的,结果和 setTImeout 一样 我不一定认为这是问题所在,但是您的语言和类型属性中的值是驼峰式的,而它们应该小写。更好的是,对于普通的脚本标签,这些标签可以省略。 这有什么帮助吗? ***.com/a/28287574/7867822 感谢您的建议,学习新事物并发现问题。 Anurag,你的链接真的很有帮助!它在带有 cntrl+scroll 的缩放浏览器中。我的 Chrome 默认缩放到 105%,这 5% 是问题。我只需要计算调整大小 【参考方案1】:

尝试以下方法:

$( window ).on( 'scroll', checkScroll );


function checkScroll()

    const documentScrollTop     = $( document ).scrollTop();
    const documentOuterHeight   = $( document ).outerHeight();
    const windowOuterHeight     = $( window ).outerHeight();

    if ( documentScrollTop >= documentOuterHeight - windowOuterHeight )
    
        //bottom
    

你不需要使用任何元素,除了窗口来检查你是否已经触底

【讨论】:

以上是关于检查滚动是不是在谷歌浏览器的 jquery 底部的主要内容,如果未能解决你的问题,请参考以下文章

jquery 地址和阻止谷歌分析跟踪?

谷歌换搜索引擎还是谷歌嘛

提问!同一ajax请求获取的图片路劲,在谷歌浏览器能正确展示图片,在火狐浏览器则显示路径undefined

桌面谷歌浏览器拼写检查是不是受到操作系统的影响?

jQuery滚动到元素的底部而不是顶部

在谷歌浏览器中如何测试js代码