13

无论我使用什么方法来检测页面上的滚动，事件都会触发两次。请查看我尝试过的不同方法的代码。

<body onmousewheel="alert('Why are you alerting twice?')">

或者

<script src="js/jquery-1.8.3.min.js"></script>
<script>
$(window).scroll(function(){
    alert("Why are you alerting twice?");
});
</script>

或者

window.onscroll = please_scroll;

function please_scroll() {
      alert("Why are you alerting twice?");
    }

我什至尝试过使用 $.debounce。

如果它有任何用处，我将解释我正在尝试做的事情：当用户向上或向下滚动滚轮时，页面将动画滚动到下一个全宽内容 div。我的代码可以在我的菜单上成功执行此操作，但我也希望它在用户滚动时发生，本质上是自动帮助他们滚动到我页面的每个部分。这是我目前用于滚动的功能：

function scrollTo(id){
  // Scroll
  $('html,body').animate({scrollTop: $("#"+id).offset().top - 110},'slow',function(){
    animation_active = "false";
  });
}
4

1 回答 1

18

许多设备可以触发似乎再次发生的滚动事件。只需为此使用超时：

var timeout;

$(window).scroll(function() {
    clearTimeout(timeout);  
    timeout = setTimeout(function() {
        // do your stuff
    }, 50);
});

您可以使用 50 的值，我推荐 50 到 150 之间的值。

于 2014-02-25T15:22:56.253 回答