【踩坑】H5页面进入时无法滑动,刷新一次后可以滑动

今天遇到的问题:

两个入口,从第一个入口点进去后正常滑动,但是第二个入口点进去就不能滑动,后来删除了代码,全部用p标签写一堆的123123来看能不能滑动,是不是我写的页面代码的问题,发现还是不能滑动,然后检查超出高度的标签是否用了overflow:hidden;发现并没有。

解决办法:

最后找到了问题所在,流程是我点击的两个入口进入一个成绩页面,然后成绩页面有按钮跳转试题页面,成绩页面有弹框,然后在这个页面我点击按钮进入我的试题页面滑动,这时候其实一直有一层遮罩层存在,因为弹框设置了弹出时禁止页面滚动,所跳转后无法滑动屏幕。
因为我把点击弹框的事件写在了外层容器上, 而我跳转的按钮也写在外层容器里面,所以当我点击的时候跳转了,但是其实隐藏的开启了弹框的属性,我就无法滑动,刷新后弹框消失就可以了。那我就再前面直接改了一下弹框的点击事件不放在大容器上或者加stop阻止冒泡,就可以正常滑动了。

你可能感兴趣的:(踩坑,html,css,H5)