html 隐藏窗體滾動條,CSS隐藏滾動條但頁面可以滾動方法二（-webkit-scrollbar）

2023-05-08 19:32:35

一、CSS隐藏滾動條但頁面可以滾動方法，那就是自定義滾動條的僞對象選擇器::-webkit-scrollbar

chrome 和Safari.element::-webkit-scrollbar { width: 0 !important }

IE 10+·.element { -ms-overflow-style: none; }

Firefox.element { overflow: -moz-scrollbars-none; }

二、源碼

.element{

width: 200px;

height: 200px;

overflow: scroll;

}

.element::-webkit-scrollbar { width: 0 !important }

.element { -ms-overflow-style: none; }

.element { overflow: -moz-scrollbars-none; }

隐藏滾動條的方法很多，要學習實作複雜css樣式就來www.3qphp.com檢視把

.....