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