javascript - 預設頁面有捲軸，彈出層出現的時候怎麼讓原先滾動條隱藏，彈出的內容可以滾動呢？

Question

手機端頁面，預設body的內容很多，有捲軸，當點擊出現彈出層時候，body內容固定不能滾動，彈出層可以滾動！怎麼解決？

ringa_lee · Answer

好像不需要單獨設定什麼，彈出層出現的時候，設定原先內容溢出隱藏，彈出層溢出自動，關閉則相反

大家讲道理 · Answer

可以給彈出層的 scroll 事件中阻止冒泡event.stopPropagation()。那麼在滾動彈出層的時候就不會觸發外面的 scroll 事件。

$(".pop_box").on("touchmove",function(event){
    event.stopPropagation()
})

習慣沉默 · Answer

你可以試試bootstrap的模態框，好像模態框彈出層可以滾動，body滾動不了。

PHP中文网 · Answer

給body設定寬高100%和overflow：hidden;彈出層overflow：auto;應該可以了

php8，我來也