在表体上应用滚动事件

时间:2015-05-28 05:03:50

标签: javascript jquery html css

因此,当我们在scroll event上捕获window时,我想要捕获其滚动事件的表格。我希望捕捉滚动事件,当它的身体滚动时,它会被预设为fixed高度overflow:scroll

Fiddle here

以下是我尝试但没有成功的事情:

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

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

是否有其他方法可以捕获table body的滚动事件。这里的主要原因是固定表格标题在Chrome和其他浏览器中工作正常但在IE8中没有,因为它跳转并需要时间再次修复!

2 个答案:

答案 0 :(得分:3)

还有另一种触发此事件的方法。 要从中应用此事件的表,您可以从中调用JavaScript函数。

例如:

<table onscroll="yourFunction()"></table>

然后你可以在脚本标签的yourFunction()函数中编写代码。

答案 1 :(得分:3)

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

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

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

jsFiddle