我正试图找出一种方法来做到这一点。我有一个盒子清单，每个盒子都150px很高。我正在使用 javascript（和 jquery）并希望在用户向下滚动页面后，页面将自动滚动，以便框与页面的其余部分对齐（也就是说，如果用户滚动并且 y页面的位置不能被 150 整除，它将滚动到最近的点）。
现在，我知道我可以使用.scroll()jquery 事件激活一个事件，并且可以使用.scrollTop(). 但是用户移动滚动条的每个像素都会激活整个功能。那么有没有办法将函数从触发延迟到用户还没有滚动，如果他们应该再次开始滚动，该函数将停止？
由于您已经在使用 jQuery，请查看Ben Alman 的doTimeout插件，该插件已经处理了方法的去抖动（这正是您所追求的）。
从他的网站上无耻地窃取的示例：
$(window).scroll(function(){
$.doTimeout( 'scroll', 250, function(){
// do something computationally expensive
});
});
这与 Šime Vidas 的回答基本相同，但不那么复杂：
var scrollTimeout = null;
$(window).scroll(function(){
if (scrollTimeout) clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(function(){yourFunctionGoesHere()},500);
});
500 是延迟。鼠标滚动应该没问题。
当然，在滚动事件的事件处理程序中，在 100 或 200 毫秒后触发 setTimeout。让您在滚动事件处理程序中设置的 setTimeout 函数执行您上面提到的定位逻辑。还让滚动事件处理程序清除其自身设置的任何超时。这样，最后一次触发滚动事件时，setTimeout 函数将完成，因为滚动事件尚未清除它。
代码：
var scrollTimeout = null;
var scrollendDelay = 500; // ms
$(window).scroll(function() {
if ( scrollTimeout === null ) {
scrollbeginHandler();
} else {
clearTimeout( scrollTimeout );
}
scrollTimeout = setTimeout( scrollendHandler, scrollendDelay );
});
function scrollbeginHandler() {
// this code executes on "scrollbegin"
document.body.style.backgroundColor = "yellow";
}
function scrollendHandler() {
// this code executes on "scrollend"
document.body.style.backgroundColor = "gray";
scrollTimeout = null;
}
在这种情况下，vanilla JavaScript 会很有用。
var yourFunction = function(){
// do something computationally expensive
}
$(window).scroll(function(){
yfTime=setTimeout("yourFunction()",250);
});