小程序的七大功能_vue.js
日期:2021-01-08 浏览:
vue.js-div滚动条隐藏但有滚动效果的实现方法
下面小编就为大家分享一篇vue.js-div滚动条隐藏但有滚动效果的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
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滚动条隐藏但有滚动效果的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。