原因：乙個**通常存在著多個頁面，瀏覽器預設提供的overflow:auto;根據內容進行判斷是否需要滾動條，
這造成每個頁面是否有右側的滾動條是不一致的，這會導致有滾動條的頁面跳轉到沒有滾動條的頁面會發生頁面抖動
實現css**：html；
缺點：不論螢幕是否需要滾動條，滾動條都會顯示；
100vw相對於瀏覽器的window.innerwidth，是瀏覽器的內部寬度，注意，滾動條寬度也計算在內！而100%是可用寬度，是不含滾動條的寬度。
calc()為計算方法
解決抖動可以根據是否有有滾動條進行不同的左右寬度計算：style="width: 100vw;overflow: hidden;padding-left: calc(100vw - 100%);"
解決因出現滾動條導致頁面抖動
現在大多數頁面都是採用主體內容水平居中布局 但是，這種布局存在乙個問題。現在的瀏覽器滾動條預設是overflow auto型別的，也就是說如果內容高度不足一屏，沒有滾動條 如果超出才會出現滾動條。於是，問題來了 js互動，本來預設頁面高度不足一屏，結果點選了個 載入更多 內容超過一屏，滾動條出現，頁...
解決右側出現滾動條頁面抖動問題
在頁面內容沒有佔滿螢幕時右側不會出現滾動條，當再載入內容時頁面會出現右側滾動條，頁面寬度由於是auto，整個頁面會向左移動 解決辦法 html bodycalc是css3中的計算，ie10 瀏覽器支援，ie9瀏覽器基本支援 不能用在background position上 100vw相對於瀏覽器的w...
頁面滾動條出現頁面不跳動
閱讀完 後，對產生的問題進行解決。首先，vw，是乙個相對於視口的寬度的單位，乙個視口被均分為100單位的vw，也就是說視口寬度 100vw。其次，root 的解釋 root選擇器用於選擇文件的根元素。根元素指的是位於文件樹中最頂層結構的元素。在html中，根元素永遠是html。但實際運用的時候，ro...