目前我的程序处于一个位置，它既可以监听用户滚动某个元素，又有时会自动滚动该元素。 （不是一个渐进的、漂亮的滚动，而是一个瞬间的跳跃。我发誓，这在上下文中是有道理的。）
如果通过设置 scrollLeft 或 scrollTop 完成滚动，有没有办法使滚动事件不触发？我的第一个想法是一个基本的开关，比如：
ignoreScrollEvents = true;
element.scrollLeft = x;
ignoreScrollEvents = false;
function onScroll() {
if(ignoreScrollEvents) return false;
}
但由于事件不会立即触发（哎呀，duhh），这不是一个可行的解决方案。我可以尝试什么其他类型的答案？我也在使用 jQuery，如果有帮助的话。
【问题讨论】：
标签： javascript jquery html
最简单的通用方法？只需在事件处理程序中重置标志。您需要先检查您是否真的在更改值，否则不会触发事件 - 如Rodrigo notes，这里的一个好做法是将其分解为所谓的“setter”函数：
function setScrollLeft(x)
{
if ( element.scrollLeft != x )
{
ignoreScrollEvents = true;
element.scrollLeft = x;
}
}
...
function onScroll()
{
var ignore = ignoreScrollEvents;
ignoreScrollEvents = false;
if (ignore) return false;
...
}
但是，根据您的需要，您可能已经将滚动位置存储在某处；如果是这样，只需更新并检查它作为您的标志。比如：
element.scrollLeft = currentScrollLeft = x;
...
function onScroll()
{
// retrieve element, etc...
if (element.scrollLeft == currentScrollLeft) return false;
...
}
【讨论】：
二传手怎么样？
var _preventEvent = false; // set global flag
function setScrollTop(amount) {
_preventEvent = true; // set flag
document.documentElement.scrollTop = amount * Math.random();
}
function setScrollLeft(amount) {
_preventEvent = true; // set flag
document.documentElement.scrollLeft = amount * Math.random();
}
// scroll event listener
window.onscroll = function() {
console.clear();
if (_preventEvent) {
_preventEvent = false; // reset flag
return;
}
console.log('normal scroll');
}html{ height:500%; width:500%; }
button{ position:fixed; }
button + button{ top:50px; } <button onclick=setScrollTop(1000)>Random scrollTop</button>
<button onclick=setScrollLeft(1000)>Random scrollLeft</button>【讨论】：
您可以尝试存储元素的偏移顶部，并在您进入 onScroll 时将其与 scrollTop 匹配：
function onScroll(){
var scrollTop = (document.documentElement.scrollTop || document.body.scrollTop),
offsetTop = $('selector').offset().top;
if(offsetTop > scrollTop){
//user has not scrolled to element so do auto scrolling
}
}
【讨论】：
好吧，我的最终解决方案，基于 Shog9（不是我的真实代码，而是我的方法）：
var oldScrollLeft = element.scrollLeft;
element.scrollLeft = x;
if(element.scrollLeft != oldScrollLeft) {
ignoreScrollEvents = true;
}
function onScroll() {
if(!ignoreScrollEvents) performGreatActions();
ignoreScrollEvents = false;
}
if 语句仅在 scrollLeft 值实际最终发生变化时设置忽略标志，因此从 0 设置为 0 等情况不会错误设置标志。
谢谢大家！
【讨论】：