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


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

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

   }

  })

  }

 }

 }

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

web端的应用实现后退强制刷新

ionic2中怎么使用自动生成器

操作Vue渲染与插件加载的顺序

以上就是vue.js-div怎么隐藏滚动条的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript会代替java吗

javascript的引入方式有哪三种

javascript中方法和函数是什么

bootstrap请求javascript失败是怎么回事

如何使用js.map()方法(数组方法)

javascript字符串方法有哪些?

详解javascript中的函数柯理化

javascript怎么样判断字符串中是否包含某个字符串

js中splice()方法是什么?

h5 canvas实现粒子时钟的详细方法

更多相关阅读请进入《vue.js-div》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...