CSS中怎么实现隐藏浏览器滚动条,代码是什么
Admin 2022-07-16 群英技术资讯 463 次浏览
强制显示滚动条:
代码如下 | |
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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
方法:1、利用animation属性给图片元素绑定动画;2、利用“@keyframes”规则控制动画动作,实现渐渐隐藏效果,语法为“@keyframes 动画名{0%{opacity:1}100%{opacity:0}}”。
大型项目往往会使用构建工具搭建工程。构建工具允许将css样式切分为更加精细的模块。冲突的类名往往发生在不同的css模块文件中,只需要保证构建工具在合并样式代码后不会出现类名冲突即可。
很多人在做网站页面设计的时候,经常会用一张图片来做背景,这时我们就需要考虑网页兼容各种屏幕大小,背景图片要能够按比例缩放来自适应屏幕的宽度。那么这个效果是如何实现的呢?下面是具体的实现代码,感兴趣的朋友一起来学习一下吧。
怎么利用CSS实现圆角及波浪效果?下面本篇文章带大家了解一下怎么巧用CSS滤镜构建圆角及波浪效果,希望对大家有所帮助!
在之前的文章《2022年你值得了解的几个CSS新特性(收藏学习)》中带大家简单介绍了几个CSS新特性,今天带大家深入了解其中的一个新特性(动画杀手锏):@scroll-timeline,希望对大家有所帮助!
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008