文章詳情頁
javascript - 頁面滾動(dòng)條出現(xiàn)時(shí)如何防止頁面跳動(dòng)
瀏覽:104日期:2023-05-30 15:57:52
問題描述
頁面滾動(dòng)條出現(xiàn)時(shí)如何防止頁面跳動(dòng)前提:
1、需要兼容ie8+2、頁面高度隨內(nèi)容變化而定(即是不是固定高度)
問題:現(xiàn)代瀏覽器滾動(dòng)條默認(rèn)是 overflow:auto 類型的,但是現(xiàn)在需要定義一個(gè)元素靠右(.tips{
position: fixed;right: 0;top: 100px;z-index: 10; height: 250px;width: 300px;
}),當(dāng)內(nèi)容高度足夠時(shí)頁面會(huì)出現(xiàn)閃爍一下,tips 元素右邊會(huì)被隱藏一個(gè)寬度(滾動(dòng)條的寬度)。有什么辦法可以解決呢?
問題解答
回答1:overflow: visible;
因?yàn)橛脩羝翆捀鞣N各樣,如果你不能接受閃爍,就加一個(gè)樣式讓滾動(dòng)條始終顯示吧
標(biāo)簽:
JavaScript
相關(guān)文章:
1. MySQL數(shù)據(jù)庫中文亂碼的原因2. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問題 麻煩幫我看一下3. angular.js - 關(guān)于$apply()4. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失?????5. 如何解決Centos下Docker服務(wù)啟動(dòng)無響應(yīng),且輸入docker命令無響應(yīng)?6. css - C#與java開發(fā)Windows程序哪個(gè)好?7. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計(jì)表結(jié)構(gòu)的?8. nignx - docker內(nèi)nginx 80端口被占用9. dockerfile - [docker build image失敗- npm install]10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。
排行榜

熱門標(biāo)簽