javascript - 在表体上应用滚动事件

标签 javascript jquery html css

所以我有一个表,当我们在 window 上捕获 scroll 事件 时,我想在上面捕获它的滚动事件。我想在它的主体滚动时捕获滚动事件,因为它有一些 fixed 高度和 overflow:scroll 将被预设:

Fiddle here

以下是我尝试过但没有成功的方法:

$('tbody').on('scroll',function(){
    alert('hellow');
});

我不确定上面的代码是否正确。我的意思是不确定 table 是否有这样的 event

是否有任何替代方法来捕获table body 的滚动事件。出现在这里的主要原因是固定的表头,它在 chrome 和其他浏览器中工作正常但在 IE8 中不行,因为它会跳转并需要时间再次修复!

最佳答案

试试这个,它必须在 IE8 中工作:

$('tbody').bind('mousewheel DOMMouseScroll', onWheel);

function onWheel (e){    
    console.log(e);
}

jsFiddle

关于javascript - 在表体上应用滚动事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30497611/

相关文章:

javascript - PyQT4 Javascript 警报

javascript - 使用 jquery 添加工具提示

javascript - jQuery - 比较 .parent() 和 $ ('#id-name' )

html - 如何在不考虑 float 元素的情况下将文本居中对齐

javascript - 按下联系表中的按钮后,如何重新加载页面并清除输入值?

javascript - Angular 2+ - 在 HTML FORM 中动态添加 DOM 元素

javascript - 如何根据下拉选择和按钮单击从 MySql 数据库中检索数据?

html - Tweet Link 和 Facebook Like & Send 按钮在 Chrome、Safari 和 Firefox 中是水平的,但在 Internet Explorer 8 中不是

javascript - 对象数组,在 JavaScript 中具有单独的属性

javascript - jquery 如何让这个对话框确定按钮工作?