uni-app打包h5页面ios唤起软键盘踩坑
问题:页面有很多input框,上面的input输入框,当虚拟键盘出来时没问题,但是下面的input输入框,就会出现问题,input输入框会跑到键盘后面。
网上一阵百度,找到原因:安卓手机中唤起软键盘时页面会压缩webview的高度,窗口会执行resize事件,但ios并不会。网上各种百度,尝试,都失败了,在快放弃时,找到一个可行的。直接贴代码:
1 23 36 37 38 39 40 41 69 70view 4 :style="{'height': scrollHeight}" 5 class="scroll-view" 6 :scroll-y="true"> 7 8 <view 9 class="evaluate-type-item" 10 v-for="(item, index) in options" 11 :key="index"> 12 3513 1914 {{item.title}} 15 17({{item.score}}) 16{{item.content}} 1820 3421 评价 22 <input 23 v-model.number="item.evaluateScore" 24 class="input" 25 type="number" 26 placeholder="请输入评价分数" 27 @input="checkScore(item)" 28 @focus="focusInput" 29 @blur="blurInput" 30 placeholder-style='color: #d1d1d1' /> 31 32if="item.isErr">{{item.errTip}} 33
终于解决困扰一个星期的问题。如果对你有帮助,请给个赞,谢谢!