两个卷轴同时触发

Posted 2023-05-09

【中文标题】两个卷轴同时触发

【英文标题】：two scrolls get triggered at once

【发布时间】：2019-01-17 13:18:01

【问题描述】：

我目前一直在一个项目中使用 jQuery Custom Scrollbar。 我有一个带有滚动条的主 div 和另一个在主 div 内带有滚动条的小 div。每当我滚动小 div 时，它会在滚动条遇到内容末尾时触发主 div 滚动。 滚动小div时如何防止主div滚动？

干杯。

【问题讨论】：

向我们展示您的 html、css、js 以澄清

【参考方案1】：

不看代码很难回答。通常，可以使用e.stopPropagation(); 阻止事件冒泡。例如，

$('#someDiv').on('scroll', function(e) 
    e.stopPropagation();
    // rest of Scrollbar code
);

如果您无法访问或不想修改滚动条源代码中的scroll 事件，则需要跟踪小 div 的“滚动结束”事件并触发e.preventDefault() 或 e.stopPropagation();。您的代码将有助于获得更准确的答案。