我有以下降价：
<body>
<div id="wrapper>
<div id="content">
当我尝试使用JQuery来监听#content上的滚动时，没有任何反应：
$('#content').scroll(function(){
console.log('Scrolling');
});
但是，当我在window上听滚动时，它工作正常：
$(window).scroll(function(){
console.log('Scrolling');
});
任何人都可以告诉我为什么以及我可以避免这种情况并且更倾听#content的方式？
尝试这个完整的HTML标记并从中学习？ :) parent将滚动if：其内容大于它...
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script>
$(document).ready(function(){
$('#content').scroll(function(){
console.log('content Scrolling');
});
$('#wrapper').scroll(function(){
console.log('wrapper Scrolling');
});
});
</script>
</head>
<body>
<div id="wrapper" style="border:solid thin black; height: 300px; width: 200px; overflow:scroll;">
<div id="content" style="border:solid thin red; height: 500px; width: 100px; overflow:scroll;">
<div style="width: 50px; height: 600px;"></div>
</div>
</div>
</html>
这应该工作
window.onload=function(){
$('#content').scroll(function(){
console.log('Scrolling');
});
};