資源描述：
《關(guān)閉彈出框后禁止頁面滾動以及去掉滾動條避免頁面內(nèi)容偏移.docx》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、關(guān)于彈窗后，禁止頁面滾動提升彈窗的用戶體驗彈窗后不允許頁面滾動可以通過為內(nèi)容塊設(shè)置?position:fixed;?使其雖然滾動了，但內(nèi)容塊仍然居中顯示，給人一種沒有滾動的感覺。也可以為?html、body?標(biāo)簽設(shè)置?overflow-y:hidden;?屬性，使其滾動條消失，無法滾動。通常來說，一般都要使用hidden來隱藏滾動條禁止?jié)L動，然后使用absolute或者fixed就看你自己的需求來選擇。但是，對?html或body?設(shè)置?overflow-y:hidden;?之后，由于滾動條沒有了，寬度變寬，頁面內(nèi)容會整體偏移一點，雖然只是一點，但是很明顯。這簡直太影響用戶體驗了
2、！！去掉滾動條但是避免頁面內(nèi)容偏移知乎上前段時間也提到了這個問題：如何禁止瀏覽器滾動條滾動，但是又不讓它消失？.
| | | | |
|
|
|
