CSS中怎么实现隐藏浏览器滚动条,代码是什么
Admin 2022-07-16 群英技术资讯 755 次浏览
这篇文章主要介绍了CSS中怎么实现隐藏浏览器滚动条,代码是什么相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS中怎么实现隐藏浏览器滚动条,代码是什么文章都会有所收获,下面我们一起来看看吧。强制显示滚动条:
| 代码如下 | |
html { overflow: scroll; } |
|
强制隐藏滚动条:
| 代码如下 | |
html { overflow: hidden; } |
|
隐藏IE的水平滚动条:
| 代码如下 | |
html { overflow-x: hidden; } |
|
隐藏IE的垂直滚动条:
| 代码如下 | |
html { overflow-y: hidden; } |
|
强制显示IE的水平滚动条:
| 代码如下 | |
html { overflow-x: scroll; } |
|
强制显示IE的垂直滚动条:
| 代码如下 | |
html { overflow-y: scroll; } |
|
强制显示Mozilla的水平滚动条:
| 代码如下 | |
html { overflow:-moz-scrollbars-horizontal; } |
|
注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.
强制显示Mozilla的垂直滚动条:
| 代码如下 | |
html { overflow:-moz-scrollbars-vertical; } |
|
注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.
这么多我们都会有注意到一个html这个,所有的隐藏浏览器滚动的我们都利用了html属于来定义了。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本文将给大家介绍在前端设计过程中非常实用的一个动态效果,就是在单击按钮时显示按下的动态效果,光说可能大家还不明白是什么效果,我们可以直接看一个动图:不过本文不仅会介绍实
CSS代码:input{font-size:14px;font-weight:bold;}input[type=range]:before{content:attr(min);padding-right:5px;}input[type=range]:after{content:attr(max);padding-left:5px;}output{
在css中,可以利用border属性去掉表格的内边框颜色,只需要将单元格的边框颜色设置为透明色即可,当border属性的值为transparent时,元素的边框颜色会为透明色,语法为“单元格元素{border:transparent;}”。
这篇文章给大家分享的是CSS让子元素居中的方法。小编觉得挺实用的,因此分享给大家做个参考,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
这篇文章主要介绍了纯CSS实现“文本溢出截断省略”的几种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008