fixed定位下absolute布局设置overflow手机上失效
时间: 2023-08-29 07:04:32 浏览: 108
ios解决fixed定位失效并mintui的loadmore上拉加载
这种情况可能是由于移动端浏览器对`fixed`和`absolute`定位元素的渲染机制不同所导致的。在移动端浏览器中,`fixed`定位元素的位置是相对于视口而不是文档进行定位的,而`absolute`定位元素则是相对于最近的非`static`定位祖先元素进行定位的。因此,如果一个`fixed`定位元素的祖先元素包含了一个设置了`overflow`属性的容器,则在移动端浏览器中可能会导致`fixed`定位元素的位置不再相对于视口进行定位,而是相对于该容器进行定位。
为了解决这个问题,你可以尝试将`fixed`定位元素的祖先元素中最近的非`static`定位元素设置为`fixed`定位,以确保该元素的位置始终相对于视口进行定位。或者,你可以考虑使用JavaScript来动态计算`fixed`定位元素的位置,以确保其位置始终正确。
阅读全文