检查滚动是不是在谷歌浏览器的 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 底部的主要内容,如果未能解决你的问题,请参考以下文章