滚动翻页 Wheel Pager

要点
1. 通过监听 wheel 事件监测用户的滚动操作,根据滚动方向和频率控制页面内容的位移,从而实现翻页效果。
2. 页面偏移的单位应与元素的宽度或高度保持一致(如 100% 或 100vw / 100vh),以确保每次翻页都能精准对齐目标内容。

A

鼠标滚轮上下翻页

B

鼠标滚轮上下翻页

C

鼠标滚轮上下翻页

D

鼠标滚轮上下翻页




A

鼠标滚轮左右翻页

B

鼠标滚轮左右翻页

C

鼠标滚轮左右翻页

D

鼠标滚轮左右翻页