vue.js-div滚动条隐藏但有滚动效果的实现方法
发布时间：2020-12-17 02:32:42 所属栏目：百科 来源：网络整理
导读：组件被包在一个高度固定的div 0){ boDiv.addEventListener('DOMMouseScroll',function(event) { //火狐 var evt = window.event || arguments[0] if (evt.detail = 3) { boDiv.scrollTop=boDiv.scrollTop+10 } evt.stopPropagation(); evt.preventDefault();
|
组件被包在一个高度固定的div 0){
boDiv.addEventListener('DOMMouseScroll',function(event) { //火狐
var evt = window.event || arguments[0]
if (evt.detail <= -3) {
boDiv.scrollTop=boDiv.scrollTop-10
} else if (evt.detail >= 3) {
boDiv.scrollTop=boDiv.scrollTop+10
}
evt.stopPropagation();
evt.preventDefault();
},false);
}else{
boDiv.addEventListener("mousewheel",function(event) {
var evt = window.event || arguments[0]
evt.returnValue = false //屏蔽body滚动事件
if (evt.wheelDelta <= -120) {
boDiv.scrollTop=boDiv.scrollTop+40
} else if (evt.wheelDelta >= 120) {
boDiv.scrollTop=boDiv.scrollTop-40
}
})
}
}
}
以上这篇vue.js-div滚动条隐藏但有滚动效果的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |