vant popover包裹元素为绝对定位时,位置不准问题解决

h5页面开发的时候遇到 i 这种小图标,用户点击会出现提示文字,大多情况下,该图标会在文档流中,这个时候用van-popover气泡弹出框不会出现问题,但是当ui图上明显和别的元素不在同一层次的时候,我们会使用定位来实现效果,这个时候,就会出现,点击图标,但是弹出的提示却在别的位置,而这个位置就是当包裹元素刨去定位在文档流中的位置。
打开f12元素选择页面 可以看到包裹在图标外面的元素是.van-popover__wrapper,如果内部元素绝对定位,我们把鼠标移到.van-popover__wrapper上就会发现元素为0x0,位置也和内部元素不在一起。很简单,将定位加到它身上就行,不要加到内部元素上。
在这里插入图片描述**这样定位不准的问题就解决了。


版权声明:本文为qq_45865796原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。