用overflow-y 解决web页面抖动问题
2024-08-24 07:56:26
页面抖动(左右抖动)让人视觉上很不爽。。
/**
original : php攻城师
**/
最开始我也以为是 layout 不一致的原因。。后来才发现是 因为垂直滚动条 时隐时现导致的
当页面内容在一页上没有展示完的时候, 浏览器右端会出现 垂直滚动条
反之, 这个 垂直滚动条默认是隐藏的
so, 当页面切换的时候,就会剧烈抖动起来。。。
解决方法:
添加 CSS :
body {
overflow-y: scroll;
}
备注:
值 | 描述 |
---|---|
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
inherit | 规定应该从父元素继承 overflow 属性的值。 |
最新文章
- 《程序员的自我修养》读书笔记 - dllimport
- Apache日志分析
- Jquery实现MD5加密
- hdu 2199 Can you solve this equation?
- 直播未来属于RTMP还是HTTP?
- springMVC的详细步骤配置
- 两次fopen不同的文件返回相同的FILE* 地址
- PHP 用Class构造JSON数据
- IO流+数据库课后习题
- oracle函数之replace
- SQL Server 日志收缩
- list与数组转换
- Tomcat安装和目录简介
- Elasticsearch强制重置未分配的分片(unassigned)
- PHPmysqli的 其他函数 从数据库中读出数据并且打印出来
- [BZOJ1588] [HNOI2002] 营业额统计 (treap)
- springboot整合mybatis的多数据源解决办法
- 将前台页面的数据传到后台的方法(不调用ajax,少量数据)
- 我的es6笔记
- IntelliJ IDEA 创建Spring项目
热门文章
- VC++实现生成右键菜单及添加图标
- BZOJ 2015: [Usaco2010 Feb]Chocolate Giving( 最短路 )
- html5之histroy浅析
- php随笔7-thinkphp OA系统 JS 文本框输入实时控制字数
- 转:requirejs:让人迷惑的路径解析(~~不错)
- 数据结构——二叉搜索树(Binary Search Tree)
- 小程序员在android移动应用上的赚钱经历
- PDO--PHP Data Objects
- Apple Watch程序开发30分钟秒懂
- C++中,引用作为函数参数