在網(wǎng)站開發(fā)設計的過程中,有時候我們會覺得瀏覽器自帶的垂直滾動條有點丑。于是我就在想如何隱藏瀏覽器垂直的滾動條?
代碼如下,在body設置id為box之后 在css樣式加入如下樣式即可實現(xiàn)隱藏滾動條并且不影響滑動效果!
#box::-webkit-scrollbar { width: 0px; }
這是網(wǎng)上找到的代碼,感覺使用起來有點麻煩。
于是改為直接設置HTML和BODY
body::-webkit-scrollbar { width: 0px; }
網(wǎng)看查看資料的時候,看到還有一種寫法:
html { /*隱藏滾動條,當IE下溢出,仍然可以滾動*/ -ms-overflow-style:none; /*火狐下隱藏滾動條*/ overflow:-moz-scrollbars-none; } /*Chrome下隱藏滾動條,溢出可以透明滾動*/ html::-webkit-scrollbar{width:0px}
這種寫法未測試,以前印象中好像用過一次。不過在網(wǎng)頁設計和網(wǎng)站建設中,我們需要的是結(jié)果,過程嘛,并不重要。
上一篇:沒有了!