不';不能在Scroll javascript上工作

不';不能在Scroll javascript上工作,javascript,events,onscroll,Javascript,Events,Onscroll,当页面滚动到最后一个块时,我想执行console.log()#scroll,但它不起作用: <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'

当页面滚动到最后一个块时,我想执行
console.log()
#scroll,但它不起作用:

<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>
我自己的帖子
函数onScroll(){
console.log('YES');
}

中没有任何内容,因此内容不会滚动

偶数侦听器总是指它所在对象的滚动内容

试着把它放在
标签上

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

很多内容 很多内容 很多内容

或者将内容放入
中,这样它可以滚动。

您的
div
需要有
溢出:滚动,并在其中包含一些内容,因此它有自己的滚动条

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

废话
废话

一些内容 函数onScroll(){ console.log('YES'); }
当我滚动到页面末尾时,如何执行相同的console.log('YES')?