下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:css 隐藏滚动条

作者:到此灬一游丿     来源: https://www.cnblogs.com/finghi/p/12273176.html点击数:602发布时间: 2020-03-31 10:58:42

标签: HTML标记语言css

Web开发

  css可以将样式定义在html元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

  CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

  如何使用css隐藏滚动条

  如何隐藏滚动条,同时仍然可以在任何元素上滚动?

  首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动。时至今日,还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容,只能通过针对特定浏览器设置滚动条样式来实现。

  火狐浏览器

  scrollbar-width:none;/*Firefox*/

  ie浏览器

  -ms-overflow-style:none;/*IE10+*/

  Chrome和Safari浏览器

  ::-webkit-scrollbar{

  display:none;/*ChromeSafari*/

  }

  CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程