当overflow-y:scroll设置为body中的某个元素时,窗口滚动事件不会启动

时间:2014-04-22 16:50:48

标签: jquery html css

请参阅以下示例html

<html>
<body>
<div id="parent">
..............
</div>
</body>
</html>

父元素的CSS:

#parent
{
position: absolute;
    min-width: 1020px;
    width: 100%;
    top: 121px;
    bottom: 75px;
    overflow-y: scroll;
    }

我正在尝试使用下面的窗口滚动事件

$(window).scroll(function(){
alert('triggered');
});

但是当我设置overflow-y时滚动事件没有启动:滚动到父元素。当我删除此css(溢出)滚动事件正在启动。那么正确的行为是什么?为什么在溢出css时窗口滚动事件没有调用?

1 个答案:

答案 0 :(得分:2)

您需要的是将事件“scroll”与#parent元素绑定。

$("#parent").on("scroll",function(){
    alert("Event Triggered!");
});

任何让我知道的事情