現在大多數頁面都是采用主體內容水平居中布局 但是，這種布局存在一個問題。現在的瀏覽器滾動條默認是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指的是居中定寬主體的父級，如果沒有，創建一個（使用主體也是可以實現類似效果，不過本着寬度分離原則 ...