问题描述:
fullpage.js 在edge浏览器上上下移动鼠标(不滚动滚轮)会自动翻页(导致产品部的人说我页面乱跳)
浏览器:
在edge浏览器上使用有问题,火狐、谷歌、IE、360、均OK
————————————————————————————————————————————————————————
在写公司官网的时候,老大说要让我们的官网看起来有逼格有科技感,于是甩给了我一个PDF(公司设计图)。在此基础上,我选择了全屏插件fullpage.js。按道理说按照这么多网友的使用轨迹来写,不应该踩坑才对。
可是!万万没想到!在我噼里啪啦一顿操作写完测试并上线之后!!悲催的发现有公司同事反应说有问题!!心里一顿懵逼:卧槽,怎么会?我不是都测好了的?
作为前端小白,有bug必须得赶紧解决啊。于是我就在自己电脑上再测,没有问题啊,难道是操作不当?一顿猜疑,不可能啊,这么一个展示性的官网,可操作功能只有小部分,不会存在什么操作不当。
噔噔蹬蹬噔噔地跑到发现问题的同事工位上,滚动滚轮,正常上下翻页。停留在某一个section上,不滚轮,向上移动鼠标,会翻到上一页,再向上移动一点,又会翻到上一页,一直到你翻到第一页为止。同理,向下移动鼠标,会向下翻页,直到翻到最后一页......
打开其他浏览器,没问题啦。为什么就只有在edge上会有这么个皮操作呢?把老大电脑拿来测(因为自己电脑上edge浏览器不存在这问题),发现移动鼠标导致的上下翻页滚轮根本没有调用滚轮事件,而且代码里鼠标事件不是只有滚轮操作吗??他是怎么触发翻页的呢??
已经过去两天了,这问题我还是乱序中,不知道怎么解决,询问同行朋友都说没遇到过这问题,哦豁。求各位大神赐教,我还想苟着活着啊。
废话一大篇,直接跳过吧,麻烦走过路过的给我指点指点。
附上使用代码:
$(document).ready(function() {
$(document).on('mousemove',function(){},false)
$('#container').fullpage({
"scrollingSpeed": 500,
"resize":true,
"navigation": true,
"loopBottom": false,
"recordHistory": false, // 去掉历史记录的上一步
"navigationPosition": "left",
"navigationColor":"#899094", // 69f9ff
"anchors": ['page1', 'page2', 'page3', 'page4','page5'],
onLeave: function(index,direction){
// index是当前索引 direction是下一步
},
afterLoad: function(anchors,index){
}
});
});