前端最强优化，隐藏浏览器右侧滚动条

Posted 2022-03-15 水香木鱼ゆ

---

在前端项目开发过程中，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;
  

---

浏览器滚动条成功隐藏

---