【踩坑】H5页面进入时无法滑动,刷新一次后可以滑动 |
您所在的位置:网站首页 › 网页不能滚动的原因 › 【踩坑】H5页面进入时无法滑动,刷新一次后可以滑动 |
今天遇到的问题:
两个入口,从第一个入口点进去后正常滑动,但是第二个入口点进去就不能滑动,后来删除了代码,全部用p标签写一堆的123123来看能不能滑动,是不是我写的页面代码的问题,发现还是不能滑动,然后检查超出高度的标签是否用了overflow:hidden;发现并没有。 解决办法:最后找到了问题所在,流程是我点击的两个入口进入一个成绩页面,然后成绩页面有按钮跳转试题页面,成绩页面有弹框,然后在这个页面我点击按钮进入我的试题页面滑动,这时候其实一直有一层遮罩层存在,因为弹框设置了弹出时禁止页面滚动,所跳转后无法滑动屏幕。 因为我把点击弹框的事件写在了外层容器上, 而我跳转的按钮也写在外层容器里面,所以当我点击的时候跳转了,但是其实隐藏的开启了弹框的属性,我就无法滑动,刷新后弹框消失就可以了。那我就再前面直接改了一下弹框的点击事件不放在大容器上或者加stop阻止冒泡,就可以正常滑动了。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |