因滾動條出現而導致頁面晃動的解決方案

2021-07-06 06:20:51 字數 374 閱讀 9257

html

overflow-y 屬性規定是否對內容的上/下邊緣進行裁剪 - 如果溢位元素內容區域的話。值描述

測試visible

不裁剪內容,可能會顯示在內容框之外。

測試hidden

裁剪內容 - 不提供滾動機制。

測試scroll

裁剪內容 - 提供滾動機制。--無溢位時滾動條顯示為灰色不可用,溢位時正常

測試auto

如果溢位框,則應該提供滾動機制。---容易造成頁面因滾動條時有時無而左右晃動

測試no-display

如果內容不適合內容框,則刪除整個框。

測試no-content

如果內容不適合內容框,則隱藏整個內容。

測試

解決因出現滾動條導致頁面抖動

現在大多數頁面都是採用主體內容水平居中布局 但是,這種布局存在乙個問題。現在的瀏覽器滾動條預設是overflow auto型別的,也就是說如果內容高度不足一屏,沒有滾動條 如果超出才會出現滾動條。於是,問題來了 js互動,本來預設頁面高度不足一屏,結果點選了個 載入更多 內容超過一屏,滾動條出現,頁...

頁面滾動條出現頁面不跳動

閱讀完 後,對產生的問題進行解決。首先,vw,是乙個相對於視口的寬度的單位,乙個視口被均分為100單位的vw,也就是說視口寬度 100vw。其次,root 的解釋 root選擇器用於選擇文件的根元素。根元素指的是位於文件樹中最頂層結構的元素。在html中,根元素永遠是html。但實際運用的時候,ro...

讓頁面出現滾動條的時候,滾動條不影響頁面寬度

設定body的寬度為window的寬度 以下指令碼控制 body css width window width 同時設定body的overflow 樣式裡寫 bodyps 同理,div裡面的table也是這樣處理 設定tablecontainer 樣式裡寫 tablemain 指令碼控制 的寬度等於...