解决ios移动端上下拉动

遇到一个问题,记录下。

背景如下:

我只想让其数据在区域A内下拉刷新,上下滑动。如图:

但是开发完成后,在ios中测试发现下拉就会出现“区域A的内容盖住了区域B”  。第一时刻我想到了层级,还以为是z-index 不对。仔细想想就pass了,应该无关。然后我就想到了ios 会出现的页面会上下拉动。一开始加了个touch-action  发现没啥用(也可能是我加的不对,反正我加完是没啥用,哪位大佬这样处理的可以告诉我。。)后来就想试试阻止默认行为,尝试了下touchmove 发现嗯?可以了!! 于是我又百度了下,发现各个大佬都有整理过此类解决办法。下面附上我的处理代码。

 

代码如下:

document.body.addEventListener('touchmove', function (e) {e.preventDefault(); 
}, {passive: false}); 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部