欢迎光临商洛市黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

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

时间:2019-09-02   来源:商洛市网站建设

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


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

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

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

于是改为直接设置HTML和BODY

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

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

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

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

本文标签: 网页设计 网站建设
上一篇:没有了!
新闻推荐
观澜手机网站开发公司
观澜手机网站开发公司

观澜手机网站开发公司三内容不必时间化,时时站内容定时定点的去进行更新,站的排名,但其实是无用的。站内...

龙岗响应式网站制作品牌
龙岗响应式网站制作品牌

龙岗响应式网站制作品牌络平台,在这个平台上,我们可以发布任何自己喜欢的东西,文字图片视频等等,都可以...

公明营销型网站建设报价
公明营销型网站建设报价

公明营销型网站建设报价很多朋友问我,站能吗。咋样。站的方式有很多种,站的访问量是否,站的几种方式。广...

大浪网站制作哪个公司好
大浪网站制作哪个公司好

大浪网站制作哪个公司好想要达到这种效果,站推广工作,这方面的工作内容非常繁琐,比如各种关键词,,各种...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top