网页设计之隐藏浏览器垂直的滚动条

来源:极速云建站

在网站开发设计的过程中,有时候我们会觉得浏览器自带的垂直滚动条有点丑。于是我就在想如何隐藏浏览器垂直的滚动条?


代码如下,在body设置id为box之后 在css样式加入如下样式即可实现隐藏滚动条并且不影响滑动效果!

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

这是网上找到的代码,感觉使用起来有点麻烦。

于是改为直接设置HTML和BODY

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

网看查看资料的时候,看到还有一种写法:

Bash
 html {
        /*隐藏滚动条,当IE下溢出,仍然可以滚动*/
        -ms-overflow-style:none;
        /*火狐下隐藏滚动条*/
        overflow:-moz-scrollbars-none;
    }
    /*Chrome下隐藏滚动条,溢出可以透明滚动*/
    html::-webkit-scrollbar{width:0px}

这种写法未测试,以前印象中好像用过一次。不过在网页设计和网站建设中,我们需要的是结果,过程嘛,并不重要。


本文关键词: 深圳做网站的公司
相关文章
没有了!上一篇文章
下一篇文章网站制作好之后如何维护?
COPYRIGHT (©) 2019 企业极速建站-高端风格模板建站-高端网站定制设计-黑马建站专业网站建设公司.
粤ICP备16086975号-1