mac笔记本的触控板多次触发滚轮事件 mousewheel

自己写的翻页效果，但是在mac 触板滑动上遇到点麻烦：mac 触板长滑动一次，mousewheel 事件持续触发将近1.5秒，我想通过防抖和节流的方式解决，但是效果都不是很好

1.节流方式代码如下：这样即便翻页动画做完，还是必须等计时器1.5秒运行结束，把toScroll 设置为true ,才能执行下一次。感觉不流畅。

document.addEventListener('mousewheel', function (event) {if(!$('.cms-home').length){return;}event.preventDefault();if(numItems==0){return;}var _toDown = event.wheelDelta > 0;blockSwipe(_toDown,1500);}, {passive: false});function blockSwipe(toDown,delayScroll) {if(toScroll){toScroll = false;if (toDown) {if(currentItem == 0){toScroll = true;return;}else{currentItem --;smoothScroll($(".home-block").eq(currentItem));buttonCheck(numItems,currentItem);setTimeout(function () {toScroll = true;},delayScroll)}} else {if(currentItem == numItems){toScroll = true;return;}else{currentItem ++;smoothScroll($(".home-block").eq(currentItem));buttonCheck(numItems,currentItem);setTimeout(function () {toScroll = true;},delayScroll)}}}}

2.去抖动方式代码如下：这样可能动画执行完，mousewheel 还在触发，toScroll 无法设置为true，用户又滑动一次，又得等1.5秒（大概）左右。这时用户觉得动画不执行，1.5秒还没到（大概），mousewheel 还在触发，又滑动一次。。。

document.addEventListener('mousewheel', function (event) {if(!$('.cms-home').length){return;}event.preventDefault();if(numItems==0){return;}var _toDown = event.wheelDelta > 0;blockSwipe(_toDown);clearTimeout(timer);var timer = setTimeout(function () {toScroll = true;},500)}, {passive: false});function blockSwipe(toDown,delayScroll) {if(toScroll){toScroll = false;if (toDown) {if(currentItem == 0){toScroll = true;return;}else{currentItem --;smoothScroll($(".home-block").eq(currentItem));buttonCheck(numItems,currentItem);}} else {if(currentItem == numItems){toScroll = true;return;}else{currentItem ++;smoothScroll($(".home-block").eq(currentItem));buttonCheck(numItems,currentItem);}}}}

我实在想不到办法，这个issue对于我就像无解之谜。fullpage.js好像解决了这个issue ，但是我研究好久都没看出来(菜菜的)。

mac笔记本的触控板多次触发滚轮事件 mousewheel相关推荐

笔记本的触控板你真的会用吗？盲生你发现了华点哦
笔记本强大的触控板之前是一直没有发现没有想到笔记本的触控板竟然这么强大!亏我最开始以为,外设可以有鼠标了,还要触控板什么事儿?而且鼠标这么灵活好用,当然,确实鼠标是比触控板灵活,但是,当触控板的手势 ...
mac鼠标和触控板滚动方向_Apple 无线鼠标、键盘或触控板各型号的Mac系统要求和区别...
今天小编给大家介绍一下Apple 无线鼠标.键盘或触控板各型号的Mac系统要求和区别,以便满足您的使用需求. Apple 无线鼠标 Magic Mouse 2 鼠标 Lightning 接口.内建电池 ...
mac brew opencv_Mac触控板绘画工具
Inklet是Mac os系统上一款触控板绘画工具,把你的触控板变成画画的板子,意思是,你点在触控板的哪里,鼠标就会出现载相应的地方.例如,但你把手指移动到触控盘左下角,那么鼠标也会出现在左下角,对于 ...
Mac上Multitouch触控板手势使用技巧
Multitouch是Mac平台上一款触控板手势增强软件,各种不同的触控板手势,手指轻点.轻扫等就能快速进行操作,使用非常便捷,使用非常便捷,你可以在 trackpad.magic mouse 上定义 ...
mac鼠标和触控板方向相同
下载scrollreverser https://pilotmoon.com/scrollreverser/ 勾选方向自然设置
小米笔记本AIR3触控板使用技巧
单指滑动:移动鼠标单指轻点:鼠标左键点击双指同时轻点:鼠标右键点击双指同时上下滑动:鼠标中键滑轮三指同时下滑:返回桌面四指同时上滑:进入程序切换页面单指快速点击两下且第二下不放开并移动:选 ...
mac idea 触控板缩放字体大小
在 Mac 上使用触控板来放大图像您可以使用触控板来放大屏幕的部分区域. 在 Mac 上,选取苹果菜单 >"系统偏好设置",点按"辅助功能",然后点按 ...
苹果usb设置在哪里_如何解决苹果Mac无线鼠标、键盘或触控板无法被搭配识别？...
如何解决苹果Mac无线鼠标.键盘或触控板无法被搭配识别?首先要确保无线鼠标.键盘或触控板已开启,具体的步骤请按下方操作. 确保无线鼠标.键盘或触控板已开启妙控鼠标和妙控鼠标 2 的底部都有一个滑动开 ...
快捷键鼠标滚轮与触控板翻转 mac
文章目录快捷键截屏其他触控板与鼠标的单独翻转快捷键截屏 command + shift + 3:截取全屏并自动保存至桌面 command + shift + 4:选定区域截屏,同样保存至桌 ...

mac笔记本的触控板多次触发滚轮事件 mousewheel

mac笔记本的触控板多次触发滚轮事件 mousewheel相关推荐

最新文章

热门文章