97超碰在线播放|美女自慰免费观看|亚洲无码三四五区|日韩无码分类大全|日本美女在线99|毛片网女人免费看|亚洲国产香蕉av|久久免费看片视频|超碰在线无码一区|玖玖中文字幕在线

284292114@qq.com 中國站
新聞中心 網(wǎng)絡推廣 網(wǎng)站建設 優(yōu)化推廣 首頁>新聞中心>優(yōu)化推廣>網(wǎng)頁設計

網(wǎng)頁設計之隱藏瀏覽器垂直的滾動條

時間:2019-09-02   訪問量:0

在網(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é)果,過程嘛,并不重要。

上一篇:沒有了!

下一篇:html5響應網(wǎng)站導航設計標準

服務咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關我們服務的更多信息,請聯(lián)系項目經(jīng)理

15899750475 楊先生