今天检测Bug的时候，发现在iphoneX上，vantUI的弹出层Popup内容有一行列表点击事件触发的时候会错位。比如，按下图所示，我点击农业银行但实际选择的是下面行的建设银行。。
Snipaste_2019-07-17_21-17-12.png
自己在网上搜了下找了下答案，有大神提出将 popup 弹窗框的css 将 position: fiexd; 改为 position: absolute; 即可。自己也有尝试，这种方法是可行的。
由于自己能力有限，个人认为造成的原因是由于 fiexd 的定位是固定在手机浏览器底部的，但由于iphonex底部条的特殊情况，而且该项目本身有添加一些对iponex兼容的一些css（safe-area-inset-bottom）。
加班加到都没时间玩游戏了，o(╥﹏╥)o
今天检测Bug的时候，发现在iphoneX上，vantUI的弹出层Popup内容有一行列表点击事件触发的时候会错位...
需求: 点击某元素可以关闭打开弹出框,点击弹出框外可以关闭弹出框,点击框内不处理
问题描述 当点击弹出框外面一圈时,弹出框未消失. 离开弹出框比较远时,才消失. 原因分析 弹出框默认外围有一圈透明...
在使用 VantUI 开发 H5 应用时，引入了 Popover 气泡弹出框组件，其中弹出位置参数设置的是 pla...
target：点击按钮---->屏幕中间弹出提示框 target：点击按钮---->屏幕底部弹出提示框
需求：点击‘弹出框’按钮，显示弹出框，如果在不点击的情况下，会在2s后自动消失(可自定义)，点击弹出框任何部位都会...
问题 弹出对话框，对话框中的EditText在弹出之后虽然已经获得了焦点，但是没有自动弹出键盘，需要再次点击才能弹...
弹出框，我们也称为模态框。 1.点击弹出层，会弹出模态框， 并且显示灰色半透明的遮挡层； 2.点击关闭按钮，可以关...
问题描述： vue混合app开发中点击input输入框时，无法聚焦弹出键盘，有时需要多次点击才能弹出键盘，触发不灵...
html 点击 出现弹框 #* 弹出框标题*# #*弹出框内容*# #*底部按钮*# 保存 取 消...
本文标题：vantUI 弹出框点击错位问题
本文链接：https://www.haomeiwen.com/subject/mlfhlctx.html
网友评论