jquery - Javascript : fix multiple function-fall when page-bottom is reached?

我想你们所有人都熟悉在到达页面底部后通过 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 - Javascript : fix multiple function-fall when page-bottom is reached?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21367226/