主要介绍了CSS设计之页面滚动条出现时防止页面跳动的方法,在使用overflow:auto之后这样的跳动情况是一个常见问题,本文给出了相关处理方法,需要的朋友可以参考下

一、水平居中布局与滚动条跳动的千年难题 当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏~ 例如，大淘宝的首页： 然而，这种布局有一个存在一个影响用户体验的隐患。应该都知道，现代浏览器滚动条默认是overflow:auto类型的，也就是如果尺寸不足一屏，没有滚动条；超出，出现滚动条。于是，问题来了：     信息流页面，如新浪微博，是从上往下push渲染的。开始只有头部一些信息加载，此时页面高度有限，没有滚动条；然后，更多内容显示，滚动条出