滚动到没有jQuery的元素时发生JavaScript事件

Question

我有一些股利滚动。

我想用javascript做，当div的滚动到达元素时，该功能将激活。

我想在没有jQuery的情况下执行此操作。

我该怎么做？

---

来源示例：

div id = bb，是滚动时将激活“ example”功能的元素

<div id=aa>  // this div have scrollbar
     <br><br><br><Br><br><br><br><br><br><br><br><br><br><Br><br><br><br><br>

     <div id=bb>this is the element that will active the function</div>

     <br><br><br><Br><br><br><br><br><br><br><br><br><br><Br><br><br><br><br>
</div>

这是我想在滚动到元素时激活的功能：

function example() {
     document.write('work!');
}

Answer 1

window.onscroll = function() {
  var pos = window.pageYOffset;
  var b = getElementById("bb");
  var pos_bb = b.offset().top;
  if(pos == pos_show) {
      example();
  }          
}

试试这个，使用pageYOffset;