ios 11 滑动时会隐藏tab

今天遇到了一个非常奇葩的问题,一些移动端页面在ios的某些手机上,当页面滑动的时候会自动隐藏底部tab,经过多方排查,后来确定是ios 11 系统的问题。

解决办法:将position:fixed的元素与scroll元素分开,将position:fixed元素拿到scroll元素之外,这样可以解决滑动隐藏的问题,那么随之会出现一个另一个问题,就是ios滑动不流畅的问题,需要在scroll元素添加 -webkit-overflow-scrolling: touch; 的样式。这样就完美解决了~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 787评论 0 2
  • mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    安石0阅读 1,924评论 0 5
  • 文|陌上云开 天蓝 云白 树壁 人飘在空中 被微风剪碎 公路 上坡 下坡 左转弯 右转弯 最后才是 笔直的路
    陌上云开阅读 252评论 2 0
  • 爱情的旅途,最美的的样子,大概就是能在最好的年纪遇见你。 在懵懵懂懂的二八年华,我所遇见爱情的模样,青涩、隐晦,就...
    溏心鸡蛋dan阅读 271评论 1 0