本文主要是介绍解决ios移动端上下拉动,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
遇到一个问题,记录下。
背景如下:
我只想让其数据在区域A内下拉刷新,上下滑动。如图:
但是开发完成后,在ios中测试发现下拉就会出现“区域A的内容盖住了区域B” 。第一时刻我想到了层级,还以为是z-index 不对。仔细想想就pass了,应该无关。然后我就想到了ios 会出现的页面会上下拉动。一开始加了个touch-action 发现没啥用(也可能是我加的不对,反正我加完是没啥用,哪位大佬这样处理的可以告诉我。。)后来就想试试阻止默认行为,尝试了下touchmove 发现嗯?可以了!! 于是我又百度了下,发现各个大佬都有整理过此类解决办法。下面附上我的处理代码。
代码如下:
document.body.addEventListener('touchmove', function (e) {e.preventDefault();
}, {passive: false});
这篇关于解决ios移动端上下拉动的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!