vue.js-div滚动条隐藏但有滚动效果的实现

最新推荐文章于 2024-08-20 11:07:04 发布

missing_IT

最新推荐文章于 2024-08-20 11:07:04 发布

阅读量5.8k

点赞数

分类专栏：笔记 web前端

本文链接：https://blog.csdn.net/missing_it/article/details/78320024

版权

本文介绍了如何在Vue.js中创建一个div元素，虽然隐藏了滚动条，但仍然保持其滚动效果。通过调整样式，可以在保持页面整洁的同时，不影响组件内的滚动操作。

摘要由CSDN通过智能技术生成

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

mounted () {
      var boDiv = document.getElementById(this.id);
      if(boDiv == undefined){
        return;
      }
      var isFirefox=navigator.userAgent.indexOf("Firefox") 
      if(isFirefox>0){  
        boDiv.addEventListener('DOMMouseScroll', function(event) {
     //火狐
          var evt = window.event || arguments[