jquery – Javascript:在达到页面底部时修复多个函数 – fall?

前端之家收集整理的这篇文章主要介绍了jquery – Javascript:在达到页面底部时修复多个函数 – fall?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我猜你们所有人都熟悉一旦达到页面底部就通过ajax在网站上重新加载元素.

我自己尝试了这个,但似乎我的脚本被多次触发……

<script type="text/javascript">
        $(document).ready(function() {

            $(window).scroll(function() {
                if ( $(window).scrollTop() + $(window).height() == $(document).height() ) {
                      myfunctionCall();

知道我怎么能多次阻止这种情况?我想这只会发生在带有“平滑滚动”的Mac上,或者你可能称之为的任何东西.

亲切的问候,
马特

解决方法

一个非常简单的选择是使用变量来存储是否应该调用函数.
<script type="text/javascript">
$(document).ready(function() {
  var callFunction = true;
  $(window).scroll(function() {
    if ( callFunction && $(window).scrollTop() + $(window).height() == $(document).height() ) {
      myfunctionCall();
      callFunction = false;
    }
  }
}
</script>

猜你在找的jQuery相关文章