快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css如何让滚动轴看不见

这篇文章将为大家详细讲解有关css如何让滚动轴看不见,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务蓬江,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

css让滚动轴看不见方法:1、利用“::-webkit-scrollbar”选择器选中滚动轴对象,2、利用display属性将滚动轴样式设置为不可见即可,语法为“::-webkit-scrollbar{display:none;}”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css怎么让滚动轴看不见

在css中可以利用“::-webkit-scrollbar”选择器来选中滚动条,该选择器的作用就是选择滚动条对象,并且设置样式。

语法为:

::-webkit-scrollbar { styles here }

下面我们通过示例来看一下怎样设置使滚动条不可见,示例如下:



   
       
       
       
   
   
       
       孔雀东南飞,五里一徘徊。 十三能织素,十四学裁衣,十五弹箜篌,十六诵诗书。十七为君妇,心中常苦悲。君既为府吏,守节情不移,贱妾留空房,相见常日稀。鸡鸣入机织,夜夜不得息。三日断五匹,大人故嫌迟。非为织作迟,君家妇难为!妾不堪驱使,徒留无所施,便可白公姥,及时相遣归。        
   

输出结果:

css如何让滚动轴看不见

当添加::-webkit-scrollbar {display:none}样式之后:



   
       
       
       
   
   
       
       孔雀东南飞,五里一徘徊。 十三能织素,十四学裁衣,十五弹箜篌,十六诵诗书。十七为君妇,心中常苦悲。君既为府吏,守节情不移,贱妾留空房,相见常日稀。鸡鸣入机织,夜夜不得息。三日断五匹,大人故嫌迟。非为织作迟,君家妇难为!妾不堪驱使,徒留无所施,便可白公姥,及时相遣归。        
   

输出结果:

css如何让滚动轴看不见

关于“css如何让滚动轴看不见”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


新闻名称:css如何让滚动轴看不见
标题路径:http://6mz.cn/article/ggdhji.html

其他资讯