vue.js-div怎么隐藏滚动条

来源：谷吧美食网

这次给大家带来vue.js-div怎么隐藏滚动条，vue.js-div隐藏滚动条的注意事项有哪些，下面就是实战案例，一起来看一下。

组件被包在一个高度固定的p

mounted () {
 var bop = document.getElementById(this.id);
 if(bop == undefined){
 return;
 }
 var isFirefox=navigator.userAgent.indexOf("Firefox") 
 if(isFirefox>0){ 
 bop.addEventListener('DOMMouseScroll', function(event) { //火狐
 var evt = window.event || arguments[0]
 if (evt.detail <= -3) { 
 bop.scrollTop=bop.scrollTop-10
 } else if (evt.detail >= 3) {
 bop.scrollTop=bop.scrollTop+10
 }
 evt.stopPropagation();
 evt.preventDefault();
 }, false); 
 }else{
 bop.addEventListener("mousewheel",function(event) {
 var evt = window.event || arguments[0]
 evt.returnValue = false //屏蔽body滚动事件 
 if (evt.wheelDelta <= -120) { 
 bop.scrollTop=bop.scrollTop+40
 } else if (evt.wheelDelta >= 120) {
 bop.scrollTop=bop.scrollTop-40
 }
 })
 } 
 }
 }

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

全部频道

vue.js-div怎么隐藏滚动条