ios fixed定位之后触发不了点击事件的问题

最新推荐文章于 2024-03-20 16:04:32 发布

灰灰的笨丫头

最新推荐文章于 2024-03-20 16:04:32 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42793407/article/details/90521300

工作中遇到iOS软键盘展开收起后，点击底部fixed定位按钮无反应的问题。具体表现为输入框输入内容、软键盘收起后，点击提交没反应。原因是iOS webkit渲染和绘制不同步，解决方法是在input失去焦点时触发页面滚动1px。

工作遇到 ios 软键盘展开收起之后点击底部fixed 定位的按钮没反应

问题情况

在输入框输入内容之后，软键盘收起，点击提交没反应

问题原因

经查验，得到准确的原因是由于ios webkit 渲染和绘制不同步导致的

解决方法

直接在input 失去焦点时触发页面滚动1px 就好了

window.scrollTo(0, 1)

<div class="page">
	<div class="main"></div>
	<div class="fixed">
		<input type="text" placeholder="单行输入" value="value" @blur="blurInput">
		<button>提交</button>
	</div>
</div>
<style>
 .page {
 	position: relative;
 }
 .fixed {
 	position: fixed;
 	bottom: 0;
 	left: 0;
 }
</style>