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

关键词：

【中文标题】检查滚动是不是在谷歌浏览器的 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
    

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

【讨论】：

在div+css为啥写滚动条效果在谷歌浏览器有用，而在火狐没用呢

...http://www.jb51.net/article/20943.htm，以滚动条为例，介绍了各浏览器的兼容方法。　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。 参考技术B这个要看浏览器支持不支持的。 参... 查看详情

谷歌浏览器 jQuery 动画在谷歌浏览器中滞后

】谷歌浏览器jQuery动画在谷歌浏览器中滞后【英文标题】：GoogleChromejQueryAnimationlaginGoogleChrome【发布时间】：2012-01-2107:48:05【问题描述】：我需要使用jQuery平滑地移动对象。我正在使用.animate()方法。我正在为它的position属性设置... 查看详情

jquery检测滚动条(scroll)是否到达底部

一、jQuery检测浏览器window滚动条到达底部jQuery获取位置和尺寸相关函数：$(document).height()   获取整个页面的高度$(window).height()   获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏... 查看详情

jquery animate bug，仅在谷歌浏览器中

】jqueryanimatebug，仅在谷歌浏览器中【英文标题】：jqueryanimatebug,onlyingooglechrome【发布时间】：2012-03-0619:22:48【问题描述】：显然我的代码在所有浏览器中都可以正常工作，包括googlecrome会出现问题。我正在使用jquery.animate函数来... 查看详情

在谷歌浏览器开发者工具中隐藏 jquery.map 错误？

】在谷歌浏览器开发者工具中隐藏jquery.map错误？【英文标题】：Hidejquery.maperrorsingooglechromedevelopertools?【发布时间】：2013-07-2419:32:18【问题描述】：随着.map文件的引入，我的控制台充斥着以下错误：拒绝加载chrome-extension://flpedblk... 查看详情

在谷歌浏览器中禁用检查元素，右键单击和 F12

】在谷歌浏览器中禁用检查元素，右键单击和F12【英文标题】：Disablinginspectelement,rightclickandF12ingooglechrome【发布时间】：2014-01-0617:41:57【问题描述】：有没有办法在谷歌浏览器中禁用检查元素、右键单击和F12？【问题讨论】：参... 查看详情

如何在ios中检查滚动视图是不是在底部滚动[重复]

】如何在ios中检查滚动视图是不是在底部滚动[重复]【英文标题】：Howtocheckifascrollviewscrolledinbottomornotinios[duplicate]如何在ios中检查滚动视图是否在底部滚动[重复]【发布时间】：2014-05-2209:19:02【问题描述】：如何检查滚动视图是... 查看详情

检查用户是不是在 Angular 2 中滚动到底部

】检查用户是不是在Angular2中滚动到底部【英文标题】：CheckifuserhasscrolledtothebottominAngular2检查用户是否在Angular2中滚动到底部【发布时间】：2016-11-1002:39:13【问题描述】：在没有jQuery的情况下，检查用户是否在Angular2中滚动到页... 查看详情

angularjs的路由怎么在谷歌浏览器中不能用

参考技术Arouter和浏览器是没有关系的，你看是不是路径传入的不正确 查看详情

tablesort jquery 插件在谷歌浏览器中工作吗

】tablesortjquery插件在谷歌浏览器中工作吗【英文标题】：doesthetablesortjquerypluginworkingooglechrome【发布时间】：2013-04-0715:38:13【问题描述】：有没有办法我可以添加一个jquerytablesorter插件，以便我使用googlechrome浏览器对我的表进行排... 查看详情

Jquery hide() 和 show() 在谷歌浏览器中运行太慢

】Jqueryhide()和show()在谷歌浏览器中运行太慢【英文标题】：Jqueryhide()andshow()runstooslowingooglechrome【发布时间】：2011-06-1723:22:32【问题描述】：我有一个无法在chrome中正确运行的Web应用程序。在Firefox中完美运行。我有一个包含大量... 查看详情

在谷歌地图javascript api中 - 如何移动地图而不是标记

】在谷歌地图javascriptapi中-如何移动地图而不是标记【英文标题】：Ingooglemapsjavascriptapi-howtomovemapnotmarker【发布时间】：2022-01-2405:56:38【问题描述】：目前我有一个小项目需要使标记静态并将地图移动到地图上的标记显示-我希望... 查看详情

在谷歌浏览器中禁用位置栏

】在谷歌浏览器中禁用位置栏【英文标题】：DisablelocationbarinGoogleChrome【发布时间】：2012-11-3006:43:07【问题描述】：我在jQuery中使用window.open进行点击事件。问题是我想禁用位置栏，它在Safari中有效，但在Chrome中无效。我在某处... 查看详情

如何检测浏览器窗口是不是滚动到底部？

】如何检测浏览器窗口是不是滚动到底部？【英文标题】：Howtodetectifbrowserwindowisscrolledtobottom?如何检测浏览器窗口是否滚动到底部？【发布时间】：2012-03-1510:23:25【问题描述】：我需要检测用户是否滚动到页面底部。如果它们在... 查看详情

Json 文件不显示在谷歌浏览器中

】Json文件不显示在谷歌浏览器中【英文标题】：Jsonfiledosen\'tshowupingooglechrome【发布时间】：2015-07-2215:02:29【问题描述】：我正在开发一个通过jQuery和Leaflet显示Json文件的页面。Flickr端工作正常，但是当我尝试$.getJSONo时，我在Chrom... 查看详情

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

点击谷歌浏览器右上角三个点点击更多工具点击开发者工具或者在浏览器页面空白处右击鼠标，点击检查上面两种方法都会显示以下信息：Elements：看到页面元素的样式等信息Console：终端的输出信息，在这个... 查看详情

如何使 XMLHttpRequest 在谷歌浏览器上通过 HTTPS 工作？

】如何使XMLHttpRequest在谷歌浏览器上通过HTTPS工作？【英文标题】：HowtomakeXMLHttpRequestworkoverHTTPSongooglechrome?【发布时间】：2013-01-1411:00:20【问题描述】：我对此进行了很多研究，但找不到魔法。其实我想填充城市密码的列表。使... 查看详情

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

】桌面谷歌浏览器拼写检查是不是受到操作系统的影响？【英文标题】：IsDesktopGoogleChromespellcheckaffectedsomehowbyOS?桌面谷歌浏览器拼写检查是否受到操作系统的影响？【发布时间】：2021-04-2702:55:40【问题描述】：Chrome是否依赖操作... 查看详情