javascript - 如何检测到达底部时是否溢出的表格 [jQuery]

标签 javascript jquery html

我想在这个带有溢出样式的表格元素内创建像无限滚动的用户界面。所以我可以在到达底部表格时动态添加行。

我们能做到吗?我会尝试很多脚本,但仍然无法结束表溢出。

$('#table').on('scroll', function () {
    if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
        alert('end reached');
    }       
})

提前致谢。 Example

最佳答案

您可能必须在 tbody 而不是 table 上设置滚动处理程序。

https://jsfiddle.net/guanzo/ocfyu8mL/

关于javascript - 如何检测到达底部时是否溢出的表格 [jQuery],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35691496/

相关文章:

javascript - AJAX - 显示 AJAX 结果之间的延迟时间

jquery - Ajax 质疑

javascript - Krajee 文件输入仅上传最后选择的图像

jquery - 如何使CSS轮廓匹配动态元素高度

javascript - jquery .css() 不工作

jquery - css 中的边框半径和背景颜色冲突

html - 如何将 div 对齐到 div bootstrap 中的底部

html - 无法获得水平菜单栏

javascript - 从一个页面 URL 重定向到另一个页面

javascript - AngularJS 数据表 Controller 标记