您的位置:首頁技術文章
文章詳情頁

javascript - 頁面滾動條出現時如何防止頁面跳動

瀏覽:124日期: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
相關文章:
国产综合久久一区二区三区