在网站开发设计的过程中，有时候我们会觉得浏览器自带的垂直滚动条有点丑。于是我就在想如何隐藏浏览器垂直的滚动条？
代码如下，在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}这种写法未测试，以前印象中好像用过一次。不过在网页设计和网站建设中，我们需要的是结果，过程嘛，并不重要。
西乡网站制作公司站的建设不是随意的。基本的站，并站的建设。站的许多程序员也很不负责任。许多人都这样做...
龙岗响应式网站制作哪家公司好站规划经验，网站建设之间的区别。怎么说呢。哪一个更好。哪个费用更高。让我...
罗湖网站建设公司高端定制门户设计思站页面的重点是信息内容部分的位置。个部分必须突出显示大量的信息内容...
响应网站导航设计标准响应网站设计已成为标准,越来越多的人从他们的桌面设备的移动客户端，如智能手机和平板...
扫一扫 关注我们
获取官方最新消息