JQuery滾動事件很多時候火災

Question

這是我的場景我有一個網頁，將通過使用mousewheel和scrollbar導航。我已修復mousewheel問題....但是，我使用scrollbar的問題會導航到結尾或轉到第一個，這取決於您按up或down的scrollbar。 我知道錯誤是$(window).scroll(function)在這裏，因爲我從Div 1導航到Div 2，當滾動條移動時，它會觸發很多次事件。

這裏是我的fiddle

問題出在哪裏，當我使用滾動條down或up身邊我。它會觸發，直到我的onscroll event結束。

是否有可能當我按下滾動條一次只觸發一次？
我知道的另一種方法是隱藏scrollbar和設計fixed position button up and down將解決這個問題，但是有可能這樣做與default scrollbar/overflow？

Answer 1

試了一下你的小提琴。當使用鼠標滾輪時，在到達第4個之後，它在標題4和3之間保持懸而未決。當我刪除$(window).scroll()功能時，它可以很好地工作，既可以。

然而，滾動條是一個相當複雜的問題 - 當你點擊/點擊並拖動時，你根本無法從你的指針/手指「偷走」滾動條 - 用戶一直在拖動，但你正試圖強行重新定位滾動條/內容。 （從UX角度來看）我認爲這不是一個好主意。

不知道它是否符合您的要求，但如果我想完全控制內容，我會完全刪除scrollbarCSS，然後使用鼠標滾輪或滑動功能來控制它。