概述
VUe滚轮事件
<div class="index"
@wheel="handleWheel">
//节流函数
throttle (fn, gapTime) {
let _this = this
return function () {
let _nowTime = +new Date()
if (_nowTime - _this._lastTime > gapTime || !_this._lastTime) {
fn(...arguments)// 函数可以带参数
_this._lastTime = _nowTime
}
}
},
handleWheel (e) {
e.stopPropagation()
this.throttle(this.pageUpOrDown, 60)(e);
},
pageUpOrDown (e) {
if (e.deltaY > 0) {
//向下
console.log("正在向下");
} else if (e.deltaY < 0) {
//向上
console.log("正在向上");
}
},
最后
以上就是妩媚小刺猬为你收集整理的VUe滚轮事件的全部内容，希望文章能够帮你解决VUe滚轮事件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复