position: fixed 在safari 中的滚动异常

  最近,工作重点转向移动端了;刚接触不久就被安排解决一个比较怪异的问题:position: fixed 在滚动中并没有固定在窗口里面「ios 8.x」。一开始,我还怀疑以前的开发写错定位了;但在看了下对应的代码后,发现样式是没有错的;的确是用fixed 来固定的。

  由于只有在ios「safari 8.x」上fixed 的表现不对,所以我怀疑是这个版本的safari 对position: fixed 的支持不好。然而经过caniuse.com 的验证,ios 8上的safari 就已经开始支持position: fixed 了。

check for position: fixed

  好了,没有兼容性问题;只能从其他方向入手了。其实也没有什么方向,但经过一段时间的搜索,终于找到了一篇相关的文章,这篇文章通篇都是讲position: fixed 在ios 上的问题。文章最后的总结:Don't use position:fixed inside a scrolling element 让我有种黎明前的感觉,后续的代码修改就不再累叙了;无非就是移到外面不滚动的元素。

您的浏览器已过时

要正常浏览本网站请升级您的浏览器。现在升级

×