1. 先将下面标签、款式以及事宜写好，运转以后转动屏幕控制台一般输出。

<div id="container"></div>

html, body {height: auto; overflow: auto;}
#container {height: 1000px; overflow: auto;}

$(document).scroll(function(){
    console.log("document is scrolling");
});

1. 将款式稍作修正以下，再次运转并转动屏幕，控制台并没有输出。

html, body {height: 100%; overflow: auto;}
#container {height:1000px; overflow: auto;}

1. 实在剖析起来缘由很简单，就是html,body的高度限制为屏幕高度（作全屏常常运用的款式），所以#container高度凌驾屏幕高度后就发生转动条，其height体现在scrollHeight(DOM节点的属性)。所以屏幕的转动实际上是#container内部的转动，所以也就没有触发document的转动事宜。