捕獲與元素溢出的滾動事件：隱藏使用Javascript

Question

編輯：感謝您的評論到目前爲止！這裏有一個JS撥弄（希望所有的）的相關代碼：

https://jsfiddle.net/3y1cw6nt/

我有一個形象的滑塊設置在圖像類.above，.active和.below，他們top:屬性相應變化之間切換。

此時由上下箭頭按鍵的事件監聽器激活切換，並且我有html, body { height: 100vh, overflow: hidden }，因此用戶無法滾動到.below或.above的圖像。

有沒有辦法仍然捕獲滾動向上和向下的事件，並使用Javascript觸發類更改？

我試過this solution，但它不工作 - var st是不確定的，無論我做什麼頁面，我的猜測是因爲被捕獲沒有滾動事件，因此var st從未聲明。

非常感謝！

Answer 1

正文不滾動，所以沒有滾動事件。

看一組不同的事件：mousemove，touch。對於觸摸事件的支持可以在各種設備上有所不同，所以像Hammer這樣的庫也可以派上用場。