滚动事件未在我的div元素上触发

Question

我想跟踪div的滚动，但它不起作用。有什么问题？

$('#box').on('scroll', function(){
    alert(33);
});

jsFiddle

Answer 1

问题是因为#box元素未在您的示例中滚动 - window是。默认情况下，块元素将展开以适合其内容。要停止此行为并允许元素滚动，您需要设置其height和overflow属性：

#box {
    height: 100px; /* amend this as required */
    overflow: scroll;
}

Updated fiddle

Answer 2

您应该为div添加一个height和overflow属性，以使'scroll'事件有效。

#box {
    overflow: auto;
    height: 200px;
}

JSFiddle example