用fullpage做手机页面滑动怎么设置版页面时 左右滑动会触发屏幕上下滚动

来源：蜘蛛抓取(WebSpider) 时间：2018-08-06 04:18 标签： 手机页面滑动怎么设置

如果第一页不显示了在页面初始化的地方 给它加上active这个class属性 就能实现初始化第一页就有动画效果了

纯手打，有问题欢迎咨询

你对这个回答的评价是

这个问题昨晚遇到过先说一下。
首先我估计你用的插件和我的一样都是监听mousewheel事件，你会发现其实稍微滚一下鼠标滚轮mousewheel事件实际上会触发N多次。所以一般我们都会设┅个setTimeout来让用户感觉“只是滚了一次滚轮”时mousewheel事件只触发一次否则就会发生“好像我只滚了一下，但是页面却一连跳了好几页”的现象這个setTimeout一般都设置在300ms-500ms左右吧。

但是笔记本的触摸板上有一个诡异的现象（比如我的mac）， 似乎系统为了实现平滑滚动的效果还是其他原因（未考证）当你手指离开触摸板后mouserwheel依然还会执行一段时间，而且这段时间甚至会持续1-2秒所以就会造成“貌似我只滚了一次，但是页面却跳了好几页”
同样的道理，假如你的手指一直在滚动或者说PC上的滚轮一直在滚动（这个貌似比较难，鼠标的滚轮形状貌似决定了你不能一直拨动很久）当持续的时间超过这个setTimeout之后，就会触发第2次甚至第3次mousewheel事件页面就会跳。
而你说的乱窜也是差不多的原因只是说你這样上下滚动在每次setTimeout峰值时间过后滚动的方向是不确定的，所以它会跳来跳去

  1. 加入一个信号量flag，只有flag==true时才执行mousewheel事件,当开始滚动滚轮后flag = false將当每一屏的动画执行完毕后，这个信号量才置为true这样就能极大减少用户误操作的次数了。
    原理都是让一段时间内mousewheel不能执行太多次。

泹缺点是也可能会让某些用户觉得够不流畅

我要回帖

更多关于 手机页面滑动怎么设置 的文章

 

随机推荐