在一些特定場景下,我們可能需要隱藏網頁中的滾輪,這時候CSS便能夠派上用場。下面介紹兩種常見的隱藏滾輪的方法:
/* 禁用滾輪 */ body{ overflow: hidden; }
這種方法會禁用整個文檔的滾動,除非你手動在元素內增加滾動條。相應地,需要時也可以取消禁用:
/*恢復滾輪*/ body{ overflow: auto; }
第二種方法只是隱藏滾動條本身,而非禁用滾動,也比較簡單:
/* 隱藏滾動條 */ html{ overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar{ width: 0; height: 0; }
利用這段CSS代碼,我們可以完美地隱藏網頁滾動條,增加設計的美感。
上一篇隱藏淘寶導航條css代碼
下一篇css設置行高和首行縮進