文章詳情頁
javascript - 頁面滾動條出現時如何防止頁面跳動
瀏覽:166日期:2023-05-30 15:57:52
問題描述
頁面滾動條出現時如何防止頁面跳動前提:
1、需要兼容ie8+2、頁面高度隨內容變化而定(即是不是固定高度)
問題:現代瀏覽器滾動條默認是 overflow:auto 類型的,但是現在需要定義一個元素靠右(.tips{
position: fixed;right: 0;top: 100px;z-index: 10; height: 250px;width: 300px;
}),當內容高度足夠時頁面會出現閃爍一下,tips 元素右邊會被隱藏一個寬度(滾動條的寬度)。有什么辦法可以解決呢?
問題解答
回答1:overflow: visible;
因為用戶屏寬各種各樣,如果你不能接受閃爍,就加一個樣式讓滾動條始終顯示吧
標簽:
JavaScript
相關文章:
1. 在mac下出現了兩個docker環境2. 如何解決docker宿主機無法訪問容器中的服務?3. HTML5不支持frameset一般怎么解決?4. javascript - Vue v-for判斷是否為第4列,然后加個橫線或者第4行才顯示這一個<li>5. javascript - react native在run-android時出現這個錯誤該怎么解決?大神賜教6. javascript - 如何獲取點擊事件點擊后前一個后一個的值。7. css3像卷軸一樣展開8. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????9. css - 為何box的顏色沒有變?10. css - C#與java開發Windows程序哪個好?
排行榜
