文章詳情頁
javascript - 頁面滾動條出現時如何防止頁面跳動
瀏覽：143日期：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. 數組按鍵值封裝！2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?4. docker不顯示端口映射呢？5. javascript - webpack中alias配置中的“@”是什么意思？6. 主題切換問題，用過別人的webapp在后臺切換模板主題后手機端打開網頁就是切換到的主題了7. python - flask _sqlalchemy 能否用中文作為索引條件8. javascript - 為什么創建多行多列的表格最后只有一行內有表格9. javascript - ES6規范下 repeat 函數報錯 Invalid count value10. html5 - 使用echarts中的圖表 一個頁面導入了好幾個js圖表 實現echarts圖表隨著瀏覽器窗口變化而變化時出現了問題
排行榜
網公網安備