占坑:fullpage.js 在edge浏览器上上下移动鼠标(不滚动滚轮)会翻页的问题

问题描述:

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){
		}
	});			
			
});
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值