Javascript 当用户到达页面中的特定元素时，如何执行JS函数？

当用户到达页面上的特定位置时，如何自动执行JavaScript函数

当我向下滚动到页面底部时，将执行一个AJAX调用，加载更多内容，以便您可以进一步向下滚动

如果用户向下滚动，然后再向上滚动相同的距离，则不会发生任何情况

这是我拥有并想要执行的ajax函数的调用：

refresh('refresh_status', 'refresh_status.php', '', '', '', 'refresh');

---

修复了默认JavaScript的问题：

HTML:

---

如何识别“特定区域”的可能重复项？这仅仅是位置（即页面底部）还是特定元素？@FelixKling我谈论的是特殊位置。在这里，我将讨论页面底部如果您愿意使用jQuery，请从

javascript

标记描述中查看jQuery航路点：“除非还包括框架/库的标记，否则需要纯javascript的答案。”

<div id="page" style="min-height: 10000px;">
    <div id="anotherElement" style="margin-top: 500px; min-height: 500px; background-color:red"></div>
</div>

window.addEventListener('scroll', function(){
  var place = document.body.scrollTop;
  var alertOn = document.getElementById('anotherElement').offsetTop;
  if(place > alertOn){
    alert('Function execute here');
    this.removeEventListener('scroll', arguments.callee, false);
  }
});