现在大多数页面都是采用主体内容水平居中布局 但是，这种布局存在一个问题。现在的浏览器滚动条默认是overflow:auto类型的，也就是说如果内容高度不足一屏，没有滚动条；如果超出才会出现滚动条。于是，问题来了： 信息流页面，如新浪微博，是从上往下push渲染的。开始只有头部一些信息 ...

　　1.做项目时因为客户要求改变了项目的整体样式，所以导致浏览器自带的滚动条样式与项目的样式风格格格不入，所以要使用一个滚动条插件来替换浏览器自带的滚动条，我在网上搜了下，发现niceScroll这个滚动条插件还是十分完善的，也有很多人使用，大家可以在github上下载：点击这里！ 　　2.要使 ...

最近用VUE开发移动端页面总是会出现横向滚动条，也就是 X 轴滚动条，用了百分比布局，rem适配宽度，设置了 overflow-x： hidden； 也无法去除，通过各种途径寻找解决方法，在这里记录一下防止之后自己用得到时还需要重新找，也为那些同样有这方面问题的童鞋提供方便。 出现这种问题 ...

最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站，写完后发现 WAP 端总是会出现横向滚动条，也就是 X 轴滚动条，导致 WAP 端页面左右滑来滑去，很是令人蛋疼，即使设置了 overflow-x： hidden和 width:100% 也无法去除，通过各种途径寻找解决 ...

最近在写一个需要适配手机移动端的官网，写完后发现移动端总是会出现横向滚动条，也就是 X 轴滚动条，导致页面左右滑来滑去，上图： 很是令人头疼，即使设置了 overflow-x： hidden和 width:100% 也无法去除，后来发现出现这种问题的主要原因就是， 由于内容较多导致 ...

引言 页面滚动条造成宽度减小的场景很常见了，由于div块级元素的流动性，其宽度默认为100%的body宽度，但是当容器的高度超过视口宽度时候，页面就会出现滚动条，这个滚动条的宽度就会挤压body的可用宽度，也就是会挤压我们的容器的宽度，造成页面晃动的现象，很不友好，下面就来探讨下如何解决 ...

1、页面抖动 原因：一个网站通常存在着多个页面，浏览器默认提供的overflow:auto;根据内容进行判断是否需要滚动条， 这造成每个页面是否有右侧的滚动条是不一致的，这会导致有滚动条的页面跳转到没有滚动条的页面会发生页面抖动 2、解决方法一：用overflow-y:scorll显性的设置 ...

二、CSS3计算calc和vw单位巧妙实现滚动条出现页面不跳动 很简单，只要一行代码就搞定了： 或者： 然后就可以庆祝放鞭炮啦！！ 首先，.wrap-outer指的是居中定宽主体的父级，如果没有，创建一个（使用主体也是可以实现类似效果，不过本着宽度分离原则 ...