【前端】設置和隱藏滾動條的方法

 

常見瀏覽器滾動條

讓豎條沒有：

讓橫條沒有： 兩個都去掉 框架頁如果以上並不能解決，可以嘗試以下方法：

    html {overflow-y: hidden;}   隱藏豎滾動條
    html {overflow-x: hidden;}   隱藏橫滾動條

滾動條有以下屬性：
body{style=“overflow-y : auto;height”} body瀏覽器自帶的默認值。
overflow-y : visible | auto | hidden | scroll
visible : 　不剪切內容也不添加滾動條。
auto : 　 在需要時剪切內容並添加滾動條。
hidden : 　 不顯示超過對象高度的內容，這里不對這個屬性作介紹，大家喜歡的話可以自己嘗試。
scroll : 　 總是顯示縱向滾動條。

vue設置隱藏滾動條

設置滾動條（很少用到）

overflow-x: scroll; 
white-space: nowrap;

 

隱藏滾動條（常用在App.vue中設置）

::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}

 

本文章最初發布於https://blog.csdn.net/qq_44690237/article/details/100564853