如果窗口在 chrome 中放大/缩小,则不会执行滚动事件上的代码

Pra*_*K C 5 javascript jquery scroll lazy-loading

我正在使用下面的脚本在滚动到达页面底部时加载数据,并且在所有浏览器中都可以正常工作。但是,如果我使用键盘快捷键Ctr+Ctrl-(> 或 < default zoom )手动放大/缩小窗口,它似乎在 chrome 中不起作用。

if (($(window).scrollTop() + $(window).innerHeight()) >= $(document).height()){ 
    loadData();
 }
Run Code Online (Sandbox Code Playgroud)

Pra*_*K C 5

这似乎是 chrome 中的一个错误,我已经在这里报告了这个>>

甚至,我通过在到达滚动端之前应用小的高度减小(-100)来满足条件来使其工作。

代码是这样的,

if (($(window).scrollTop() + $(window).innerHeight()) >= $(document).height()-100){ 
    loadData();
 }
Run Code Online (Sandbox Code Playgroud)

编辑

Chrome 开发人员在上面链接的错误中给出了以下建议。

$(window).scrollTop() + $(window).height() >= $(document).height()
Run Code Online (Sandbox Code Playgroud)
  • 我这边还没有测试过。