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

标签 javascript jquery scroll lazy-loading

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

if (($(window).scrollTop() + $(window).innerHeight()) >= $(document).height()){ 
    loadData();
 }

最佳答案

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

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

代码是这样的,

if (($(window).scrollTop() + $(window).innerHeight()) >= $(document).height()-100){ 
    loadData();
 }

编辑

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

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

关于javascript - 如果窗口在 chrome 中放大/缩小,则滚动事件代码不会执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30320512/

相关文章:

javascript - 如何在滚动条上应用 css?

javascript - JQuery 读取文本并安全到二维数组

scroll - polymer 滚动问题

javascript - 将下一个文本包装在标签中

javascript - Jquery AppendTo 错误

javascript - 使用 jQuery.data() 存储 WebSocket 连接句柄对象时出现问题——最好的办法是什么?

javascript - 如何在两个不同 div 中显示的两个图标之间绘制连线。

javascript - vue.js v-model 验证和显示字段

css - 滚动不工作 : react-grid-layout: 0-showcase example

javascript - 如何禁用移动设备上的 Bootstrap 数据 spy ? (分辨率较小)