无法滚动javascript

【问题标题】：Doesn't work onscroll javascript无法滚动javascript
【发布时间】：2018-07-09 18:16:55
【问题描述】：

当页面滚动到最后一个块#scroll时，我想做console.log()，但它不起作用：

<div id="posts">my very own posts</div>
<div id="scroll" style="height:300px; width:100%" onscroll="onScroll()"></div>
  <script>
  function onScroll(){
    console.log('YES');
  }
</script>

【问题讨论】：

标签： javascript events onscroll

【解决方案1】：

<div> 里面什么都没有，所以内容没有滚动。

偶数监听器总是引用它所在对象的滚动内容。

试着把它放在<body> 标签上。

<body onscroll="onScroll()">
  <p>lots of content. <p>lots of content. <p>lots of content
</body>

或者把东西放在<div>里面，这样它就可以滚动了。

【讨论】：

当我滚动到页面末尾时，如何执行相同的 console.log('YES')？

【解决方案2】：

你的div 需要有overflow: scroll;，并且里面有一些内容，所以它有自己的滚动条。

<div style="height:50px; width:100%; overflow: scroll;"  onscroll="onScroll()">
Blah
blah
<br>
some content
</div>
  <script>
  function onScroll(){
    console.log('YES');
  }
</script>

【讨论】：