示例GIF
3.代码分析
1.CSS
html, body设置 overflow 为 hidden, 让视图中只包括一个分页;设置滑动分页的长宽都是 100%; 外部容器设置 transition 过渡效果...向下滚动时, 当 currentPosition 比 -整体分页高度 大的时候(绝对值相比小的时候), 向下滚动;向上滚动时, 当 currentPosition 大于 0 的时候, 向上滚动.
/...滚动事件firefox与其他浏览器的事件不同, 所以需要进行判断. deltaY大于0的时候, 想下滚动; 反之, 向上滚动.
var handlerWheel = throttle(scrollMove..., 页面向下滚动
goDown()
} else {
goUp()
}
}
4.参考资料
https://developer.mozilla.org/zh-CN/docs/Web..., 页面向下滚动
goDown()
} else {
goUp()
}
}