css body如何實作不出現捲軸

css body不出現捲軸的實作方法：先開啟對應的HTML頁面；然後在chrome瀏覽器下設定樣式為「body::-webkit-scrollbar{display: none;}」即可。

本教學操作環境：Dell G3電腦、Windows7系統、Chrome76.0&&CSS3版本。

推薦：《css影片教學》

css讓body不出現捲軸

提到隱藏捲軸，我們首先想到的是overflow: hidden，但這麼設定後，頁面就無法滾動了，讓body隱藏捲軸又可以滾動，我們可以使用偽元素::scrollbar，在chrome瀏覽器下，可以這麼設定：

body::-webkit-scrollbar{
    display: none;
}

效果如下，捲軸隱藏了，而且頁面也能繼續捲動。

以上是css body如何實作不出現捲軸的詳細內容。更多資訊請關注PHP中文網其他相關文章！