Jquery 当overflow-y:scroll设置为body中的某个元素时，窗口滚动事件未启动_Jquery_Html_Css

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

jquery html css

Jquery 当overflow-y:scroll设置为body中的某个元素时，窗口滚动事件未启动,jquery,html,css,Jquery,Html,Css,请参考下面的示例html <html> <body> <div id="parent"> .............. </div> </body> </html> 我正在尝试使用窗口滚动事件，如下所示 $(window).scroll(function(){ alert('triggered'); }); 但当我设置overflow-y:scroll to parent元素时，scroll事件并没有启动。当我删除此cs

请参考下面的示例html

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

我正在尝试使用窗口滚动事件，如下所示

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

但当我设置overflow-y:scroll to parent元素时，scroll事件并没有启动。当我删除此css（溢出）时，滚动事件将启动。那么什么是正确的行为呢？为什么在css溢出时不调用window scroll事件？

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

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

任何让我知道的事情

尝试使用

最小高度：2000px并检查触发器event@dbucki我在问为什么我使用overflow-y css时不触发？当你滚动时，你不会滚动窗口，但你滚动#parent谢谢我理解。需要同时添加最小高度和overflow-y吗
$("#parent").on("scroll",function(){
    alert("Event Triggered!");
});