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

我有一些带卷轴的div

我想使用javascript，当div滚动到元素时，该函数将激活

我想在不使用jQuery的情况下执行此操作

我怎么做

---

来源示例：

div id=bb是滚动条出现时将激活“示例”功能的元素

---

试试这个，使用pageYOffset

我相信您想要的是

pos==pos\u bb

而不是

pos\u show

。此外，只有当滚动条与元素完全对齐时，这才起作用，这可能不会发生。

<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!');
}

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