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中文網其他相關文章!