ios 固定定位元素被隐藏的问题

时间:2024-03-19 12:21:34

在做web-app应用的时候,做了一个类似于通讯录的组件时,遇到ios系统将固定定位的元素部分隐藏的问题,页面如下

ios 固定定位元素被隐藏的问题

右侧导航的a-z被半部分隐藏,而在安卓或者chrome模拟则没有问题,如图

ios 固定定位元素被隐藏的问题

感觉非常奇怪,找了很久也没找出来。某天心血来潮,认为应该是overflow:hidden导致,因为导航组件在整个通讯录组件内部,而右侧固定的超出了通讯录组件的,最后在包裹通讯录组件的外部dom元素上添加style="overflow: initial;" 初始化overflow的属性,结果再次查看,ok了。。。。。