ios机型,在第一次加载完毕后,
长按识别二维码,微信内页面超过一屏
滑动到下面,二维码在下方,长按识别而二维码,页面会自动向上滚动
环境:ios机型,超过一屏,二维码在下面,第一次加载完毕识别
如何解决,求思路
ios机型,在第一次加载完毕后,
长按识别二维码,微信内页面超过一屏
滑动到下面,二维码在下方,长按识别而二维码,页面会自动向上滚动
环境:ios机型,超过一屏,二维码在下面,第一次加载完毕识别
如何解决,求思路
这个问题可能与 iOS Safari 上的默认行为有关。在 iOS Safari 上,长按页面元素会触发文本选择行为,并且当选择的文本超出屏幕范围时,页面会自动滚动以使文本可见。在你的情况下,当长按识别二维码时,页面会自动滚动以使二维码可见,这可能导致页面位置发生变化。
为了解决这个问题,你可以尝试以下几种方法:
touchstart
或 touchmove
事件,并在事件处理函数中调用 preventDefault
方法来阻止默认行为。例如:document.getElementById('qrcode').addEventListener('touchstart', function(event) {
event.preventDefault();
});
这样做可以阻止文本选择行为,并避免页面滚动。但是,这样做可能会影响用户体验,因为用户将无法选择页面上的文本。
#qrcode {
position: fixed;
top: 0;
left: 0;
}
这样做可以避免页面滚动,但是可能会影响页面布局。
总的来说,这个问题的解决方案取决于你的具体需求和用户体验要求。你可以根据实际情况选择适合自己的解决方案。