---

💌 作者简介

1. 📖 个人介绍：小伙伴们，大家好！我是水香木鱼，【前端领域创作者】😜
2. 📜 CSDN主页：水香木鱼
3. 📑 个人博客：陈春波
4. 🎨 系列专栏：后台管理系统
5. 🌹 一键四连：关注💋+点赞👍+收藏⭐+留言📝
6. 📢 人生箴言：即使没有万全准备，也要勇敢迈出第一步。

---

在前端项目开发过程中，vue 项目使用 平滑滚动的插件【可以隐藏浏览器右侧 滚动条】 即可隐藏浏览器滚动条 一🐖

1、安装插件

npm …安装插件

npm install vue2-smooth-scroll --save

2、全局注册

在main.js 中 配置

// 隐藏 右侧浏览器 滚动条
import VueSmoothScroll from "vue2-smooth-scroll";
Vue.use(VueSmoothScroll)

3、全局使用

全局新建 全局样式 index.scss

/*index.scss*/
*{
 ::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
  }
}

---

浏览器滚动条成功隐藏 一👇

---

📖 博主致谢

感谢大家阅读到结尾，本次的文章就分享到这里，总结了【vue实现隐藏浏览器右侧滚动条功能】，希望可以帮到大家，谢谢。

如果您觉得这篇文章有帮助到您的的话不妨【关注+点赞+收藏+评论+转发 】支持一下哟~~😛您的支持就是我更新的最大动力。👇👇👇👇👇👇

---

🛩往期精彩：

vue项目build打包后提交到git上没有dist目录的解决方案

最快捷的两种方案彻底解决：vue打包后dist目录下的index.html网页显示空白的问题

一文图解自定义修改el-table样式

如何使用csdn里的自定义模块管理专栏，看这一篇就够了。

gitee实现个人存放网络资源图片集vue公测版