97自拍青娱乐香蕉,蜜桃av秘无码一区二区

網(wǎng)頁(yè)設(shè)計(jì)之隱藏瀏覽器垂直的滾動(dòng)條

時(shí)間：2019-09-02 訪問(wèn)量：0

在網(wǎng)站開(kāi)發(fā)設(shè)計(jì)的過(guò)程中，有時(shí)候我們會(huì)覺(jué)得瀏覽器自帶的垂直滾動(dòng)條有點(diǎn)丑。于是我就在想如何隱藏瀏覽器垂直的滾動(dòng)條？

代碼如下，在body設(shè)置id為box之后在css樣式加入如下樣式即可實(shí)現(xiàn)隱藏滾動(dòng)條并且不影響滑動(dòng)效果！

 #box::-webkit-scrollbar {
   width: 0px;
  }

這是網(wǎng)上找到的代碼，感覺(jué)使用起來(lái)有點(diǎn)麻煩。

于是改為直接設(shè)置HTML和BODY

 body::-webkit-scrollbar {
   width: 0px;
  }

網(wǎng)看查看資料的時(shí)候，看到還有一種寫(xiě)法：

 html {
        /*隱藏滾動(dòng)條，當(dāng)IE下溢出，仍然可以滾動(dòng)*/
        -ms-overflow-style:none;
        /*火狐下隱藏滾動(dòng)條*/
        overflow:-moz-scrollbars-none;
    }
    /*Chrome下隱藏滾動(dòng)條，溢出可以透明滾動(dòng)*/
    html::-webkit-scrollbar{width:0px}

這種寫(xiě)法未測(cè)試，以前印象中好像用過(guò)一次。不過(guò)在網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)中，我們需要的是結(jié)果，過(guò)程嘛，并不重要。

亚洲青青视频一区|8MAV在线观看|天天看AV天天看|中日成人手机在线|欧美激情五区六区|亚洲婷婷天堂级片|亚洲天堂网7777|欧美日韩其他另类|手机在线成人AV|成人性大片一区二区三区四区五区

網(wǎng)頁(yè)設(shè)計(jì)之隱藏瀏覽器垂直的滾動(dòng)條