做一个鼠标滑动滚屏的样式,效果不是太好

查看效果请点击:https://jsfiddle.net/Jason_Gh...

出现的问题和不足:
因为mousewheel方法监听鼠标滚轮滑动,滑动一次就触发down或者up事件,所以页面滚动“太敏感”了,鼠标每滚动一下就滚动一屏,而我想要实现当监听滚轮滚动,判断方向后一次只滚动一屏。就像一个元素的拖动事件一样,无论它被拖动多少距离,只要判断它是被拖动了(方向判断完成后)再往对应方向移动一个固定值,直到下一次被拖动时。不知道这个意思各位大神明白没有?求指教Orz

阅读 3.9k
3 个回答

在up()和down()中加限制条件,比如用时间间隔判断或者加个开关

大哥,最后你是怎么解决的@@@

新手上路,请多包涵

增加一个 deltaY 的绝对值的判断,设置个大一点的值,然后加一个时间间隔判断,比如一秒内再次触发不执行回调函数。我也遇到这个问题,用上面的做法,在 chrome 里是可以,希望可以帮到你。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题