Vue 隐藏滚动条


在侧边菜单太多时,会出现展示不完全,但是又不能滚动的情况,如果加了overflow-y:auto以后呢,旁边的滚动条又不好看,这个时候就可以通过简单的设置隐藏掉滚动条

需要隐藏滚动条的div

<div id="div-nav">
        <systemNavMenu :isSwitch="isSwitch"></systemNavMenu>
      </div>

css修改

#div-nav::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar 滚动条整体部分

display: none----将元素的显示设为无,即在网页中不占任何的位置


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM