javascript - 多次触发 JQuery 滚动事件

Question

这是我的场景，我有一个网页，它将使用 mousewheel 和 scrollbar 进行导航。我已经修复了 mousewheel 问题....但是我使用 scrollbar 的问题它会导航到末尾或转到第一个，具体取决于 滚动条 您按了向上 或向下。我知道这里的错误是 $(window).scroll(function) 因为我从 Div 1 导航到 Div 2 这将触发事件滚动条移动很多次。

这是我的 fiddle

问题是当我使用 down 或 up 旁边的栏滚动时我在哪里。它会触发，直到我的 onscroll 事件结束。

有没有可能按一次滚动条只触发一次？
我知道的另一种方法是隐藏 scrollbar 并设计一个 fixed position button up and down 将解决这个问题，但是是否可以使用 default scrollbar/溢出 ?

Answer 1

试过你的 fiddle 。使用鼠标滚轮时，在我到达第 4 个后，它在标题 4 和 3 之间保持挂起状态。当我删除 $(window).scroll() 函数时，它工作得很好，无论是向下还是向上。

然而，滚动条是一个相当复杂的问题——当你点击/点击并拖动时，你根本无法从你的指针/手指上“窃取”滚动条——用户一直在拖动，而你却试图重新定位滚动条/内容强行。我认为这不是一个好主意(从用户体验的 Angular 来看)。

不确定它是否符合您的要求，但如果我想完全控制内容，我会完全删除 CSS 中的 scrollbar ，然后使用鼠标滚轮或滑动功能来控制它。