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

Question

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

Answer 1

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

Answer 2

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

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

Answer 3

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

Answer 4

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