ios手机弹窗滚动卡死现象解决

ios手机弹窗滚动卡死现象解决方法

出现滚动卡死的主要现象有:

1、点击其他区域,再在滚动区域滑动,滚动条无法滚动的bug

2、滚动后滚动到底部或者顶部再滚动出现卡死

解决方法:

1、如果弹窗底部页面有滚动,弹出弹窗的时需要加上以下代码,禁止底部页面滚动

    document.body.style.cssText = 'overflow: hidden'

2、弹窗的遮罩层跟内容需要分开写,不能把内容放到遮罩里,并把遮罩里的touchmove.prevent="" @touchstart.prevent=""  @touchend.prevent="", (以下举例是按vue举例的,可以自行设置)阻止浏览器的默认行为。(如果把滚动的内容放到遮罩里,因为阻止了浏览器的默认行为,会滚动不了)

 

3、弹窗关闭需要加上以下代码,恢复底部页面的滚动

document.body.style.cssText = 'overflow: auto'

这样ios弹窗滚动卡死现象完美解决!!!

你可能感兴趣的:(ios手机弹窗滚动卡死现象解决)