当用户到达页面中的特定元素时,如何执行JS函数
How to execute a JS function when the user reaches a specific element in the page?
当用户到达页面上的特定位置时,我如何自动执行JavaScript函数?
当我向下滚动到页面底部时,将执行AJAX调用,加载更多内容,以便您可以进一步向下滚动。
如果用户向下滚动,然后再向上滚动相同的距离,则不会发生任何事情。
这是我拥有并想要执行的ajax函数的调用:
refresh('refresh_status', 'refresh_status.php', '', '', '', 'refresh');
已修复默认JavaScript:http://cdpn.io/xdjmG
HTML:
<div id="page" style="min-height: 10000px;">
<div id="anotherElement" style="margin-top: 500px; min-height: 500px; background-color:red"></div>
</div>
JavaScript,当页面到达"anotherElement"时会发出警报:
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);
}
});
相关文章:
- 无法在通过jQuery的ajax加载的页面中执行javascript
- JavaScript执行暂时挂起页面
- 如何在ReactJS JSX中执行嵌套的if-else语句
- 当js函数's已执行
- 哪个先执行
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- HTML表单提交时未执行外部函数
- 在Safari执行javascript之前对其进行修改
- Amd,希望确保某个东西总是最后执行
- 在Windows 10中自动执行例行程序(主要与浏览器交互)
- 递归使用 eval() 是检查程序执行的好方法吗?
- 如何做到这一点,使代码在不传递条件后执行函数
- 如何在执行此特定onclick事件时执行JavaScript函数
- 如何在从浏览缓存加载页面时执行javascript
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- Jquery:代码在rails中的页面加载时未执行
- 如何防止jQueryonclick事件中的Ruby方法在页面刷新时执行
- JavaScript动画从不执行
- 为什么onsubmit函数似乎没有执行
- 推荐在JavaScript中执行存储为字符串的函数,而不是使用eval