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