vue.js-div滚动条隐藏但有滚动效果的实现方法
组件被包在一个高度固定的div
mounted(){
varboDiv=document.getElementById(this.id);
if(boDiv==undefined){
return;
}
varisFirefox=navigator.userAgent.indexOf("Firefox")
if(isFirefox>0){
boDiv.addEventListener('DOMMouseScroll',function(event){//火狐
varevt=window.event||arguments[0]
if(evt.detail<=-3){
boDiv.scrollTop=boDiv.scrollTop-10
}elseif(evt.detail>=3){
boDiv.scrollTop=boDiv.scrollTop+10
}
evt.stopPropagation();
evt.preventDefault();
},false);
}else{
boDiv.addEventListener("mousewheel",function(event){
varevt=window.event||arguments[0]
evt.returnValue=false//屏蔽body滚动事件
if(evt.wheelDelta<=-120){
boDiv.scrollTop=boDiv.scrollTop+40
}elseif(evt.wheelDelta>=120){
boDiv.scrollTop=boDiv.scrollTop-40
}
})
}
}
}
以上这篇vue.js-div滚动条隐藏但有滚动效果的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 儿媳买车妈妈祝福语简短
11 优秀男士祝福语大全简短
12 给老公祝福语简短2026
13 炸鸡拼盘生日祝福语简短
14 结婚对白誓言简短祝福语
15 虎年开新车祝福语简短
16 男友人新婚祝福语简短
17 狼狈伴郎祝福语毕业简短
18 郑伊健结婚祝福语简短高级