首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

用overflow-y 解决web页面抖动有关问题

2013-09-13 
用overflow-y 解决web页面抖动问题页面抖动(左右抖动)让人视觉上很不爽。。/**original : php攻城师http://b

用overflow-y 解决web页面抖动问题

页面抖动(左右抖动)让人视觉上很不爽。。

/**

original : php攻城师

http://blog.csdn.net/phpgcs

**/

最开始我也以为是 layout 不一致的原因。。后来才发现是 因为垂直滚动条 时隐时现导致的


当页面内容在一页上没有展示完的时候, 浏览器右端会出现 垂直滚动条

反之, 这个 垂直滚动条默认是隐藏的


so, 当页面切换的时候,就会剧烈抖动起来。。。


解决方法:


添加 CSS :


body {
    overflow-y: scroll;

}


备注:

值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。



热点排行