修一个关于ios显示的bug
页面上方div有个选择框,点击会显示,但是在ios手机上,下方div区域的部分不会显示。
分析bug原因
这种情况我分析有两个原因,要么是下方div遮挡了上方div区域,要么就是上方div区域内容被限制范围。
尝试
本来以为是position:fixed的问题,因为ios系统对fixed布局兼容性不太好。把下方div的属性增加一个z-index也不管用。
分析
然后点f12看element,有个css属性特别显眼,就是overflow:hidden。超出区域会被省略。
这块地方之所以出bug应该是这个overflow属性的问题。
这段代码中css属性为overflow:scroll。就是超出部分会以滚轮形式展示,但是这个页面还引用了一个css页面,在那里用的是overflow:hidden,所以有的时候那块区域还能滚动。
解决
在css中增加一个overflow:visible !important