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

Question

我有一些带滚动的div。

我想用javascript做，当div的滚动到达元素时，该函数将处于活动状态。

我想这样做没有jQuery 。

我该怎么做？

---

来源的示例：

div id = bb，是滚动到来时的元素，它将激活＆＃39;示例＆＃39;功能

<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;