html关于强制显示、隐藏浏览器的滚动条
通过观察和调试,发现是该页面的垂直高度未溢出,
无法调用出垂直滚动条,
从而导致相对于其他页面居中时相差几个像素距离,
使得页面效果不够友好。
解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。
相关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; }
//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.
相关资料:
转载于:https://www.cnblogs.com/code81/p/4120173.html
html关于强制显示、隐藏浏览器的滚动条相关推荐
- html强制隐藏,html关于强制显示 隐藏浏览器的滚动条
浏览器的滚动条在一些特殊的展示中,是不需要的,所以必须把它隐藏掉,文章主要介绍一些隐藏或者显示IE的水平或者垂直滚动条的实现代码,需要了解的朋友可以参考下: 相关 //强制显示滚动条: html { ...
- 纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题
纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 参考文章: (1)纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 (2)https://www.cnblogs.co ...
- html强制隐藏,html隐藏滚动条_css强制隐藏浏览器滚动条方法
摘要 腾兴网为您分享:css强制隐藏浏览器滚动条方法,易视云3,闪电侠,平安知鸟,牛牛粤语等软件知识,以及mysql管理软件,手机录音剪辑软件,c4d,半梦视界,兔兔ios,微信阅读量软件,英雄联盟租 ...
- 隐藏浏览器自带滚动条方法
目录 1.Chrome | Safari 2.Firefox 3.IE | Edge 有时候,无论内容是否超出都不显示,我们需要隐藏浏览器的默认滚动条,如下图 1.Chrome | Safari 谷歌 ...
- css 超出隐藏滚动条_css 之内容溢出滚动,隐藏滚动条(解决火狐浏览隐藏不了滚动条问题)...
解决火狐浏览隐藏不了滚动条问题 1.里层容器的width多17px,外层容器溢出隐藏,能兼容各个浏览器 .outContainer { width:350px; height:300px; overf ...
- html弹出层全覆盖滚动条,JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
一.去除滚动条方法 给body添加overflow:hidden属性即可,IE6.7下不会生效,需要给html增加overflow:hidden属性 样式中需要对IE6.7及其它浏览器用hack辨别, ...
- html怎么隐藏y方向内容,如何隐藏scroll-Y纵向滚动条,并不影响内容滚动的方法...
网上搜了需的请本现等现近求项求人这行的近求项求人很多关于隐藏滚动条的文章,发现很多都是只说了如何隐藏scroll-X横向滚动条,对scroll-Y纵向滚动条并没有明确的述说.本文章将介绍3种隐藏滚动条 ...
- 如何隐藏scroll-Y纵向滚动条,并不影响内容滚动的方法
网上搜了很多关于隐藏滚动条的文章,发现很多都是只说了如何隐藏scroll-X横向滚动条,对scroll-Y纵向滚动条并没有明确的述说.本文章将介绍3种隐藏滚动条的方法,大家可以结合实际情况,参考文章内 ...
- 关于火狐IE浏览器的滚动条问题
1.找到加入滚动条的位置: <div class="modal-dialog" style="height:90%; overflow-y: auto;" ...
最新文章
- RDB 和 AOF 持久化的原理是什么?我应该用哪一个?它们的优缺点?
- 第 18 章 Django 入门
- python 虚拟环境原理_Python 虚拟环境
- 前端学习(3345):设计模式之工厂模式2
- [css] 使用纯CSS代码实现动画的暂停与播放
- 目标检测、分割、识别、分类综述
- MySQL存储过程的使用
- 一线互联网大厂中高级Java面试真题收录!面试必会
- 安装CentOS步骤
- 超强合集:OCR文本检测干货汇总(含论文、源码、demo等资源)
- 《2小时品牌素养》读后感
- 奥托尼克斯接近开关型号_奥托尼克斯接近开关型号如何选?
- C Primer Plus 第十四章学习总结……2015.5.17
- S32K144_新建KEIL工程
- 百度map的简单例子
- 压力测试工具-ab工具
- CenterNet做2D和3D目标检测
- python绘制同心圆代码_使用Python+turtle绘制同心圆
- 解读2022中国城市大脑首批三项标准(新版)
- 使用cppcheck检查代码
热门文章
- 光流 | OpenCV实现简单的optical flow(代码类)
- linux下git分支管理,git远程分支管理
- mysql eval,mysql中是否有类似于eval的写法的,答案在这里
- vba读取csv文件到excel_利用VBA打开顺序文件,并读取
- 视频图像处理平台对比_情绪管理考勤机人脸识别原理与指纹识别性能对比-微幼科技...
- 用电梯服务器怎样解电梯显示E34,默纳克品牌电梯故障代码e41怎么处理
- rust(47)-key-value哈希-HashMap,BTreeMap,HashSet,BTreeSet
- 【机器学习】一文深层解决模型过拟合
- 【数据竞赛】kaggle竞赛宝典-多分类相关指标优化​
- 【Python】怎么用matplotlib画出漂亮的分析图表