文章詳情頁
javascript - 頁面滾動條出現(xiàn)時(shí)如何防止頁面跳動
瀏覽：236日期：2023-05-30 15:57:52
問題描述
頁面滾動條出現(xiàn)時(shí)如何防止頁面跳動前提：
1、需要兼容ie8+2、頁面高度隨內(nèi)容變化而定(即是不是固定高度)
問題：現(xiàn)代瀏覽器滾動條默認(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í)頁面會出現(xiàn)閃爍一下，tips 元素右邊會被隱藏一個(gè)寬度(滾動條的寬度)。有什么辦法可以解決呢？
問題解答
回答1：overflow: visible;
因?yàn)橛脩羝翆捀鞣N各樣，如果你不能接受閃爍，就加一個(gè)樣式讓滾動條始終顯示吧
標(biāo)簽：
JavaScript
相關(guān)文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？2. docker-compose中volumes的問題3. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！4. docker-machine添加一個(gè)已有的docker主機(jī)問題5. golang - 用IDE看docker源碼時(shí)的小問題6. docker不顯示端口映射呢？7. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件8. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””9. docker內(nèi)創(chuàng)建jenkins訪問另一個(gè)容器下的服務(wù)器問題10. mac里的docker如何命令行開啟呢？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備