javascript - Wie kann ich die ursprüngliche Bildlaufleiste ausblenden und den Popup-Inhalt scrollbar machen, wenn die Popup-Ebene angezeigt wird?

Question

Auf der Mobiltelefonseite enthält der Standardtext viel Inhalt und es gibt Bildlaufleisten. Wenn beim Klicken eine Popup-Ebene angezeigt wird, kann der Textinhalt nicht gescrollt werden, aber die Popup-Ebene kann gescrollt werden! Wie man damit umgeht?

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;应该可以了