safari滚动

设置元素的overflow属性,在安卓平台能正常滚动,但使用IOS的Safari的时候滚动会卡顿或失效,通常会出现以下几种情况。

  • 设置属性overflow:hidden时,依然可以滚动

      //设置不可滚动
      overflow: hidden;
      
      //设置相对浏览器定位,解决此bug
      position:fixed;
    
  • 设置属性overflow:auto时,滚动卡顿
    //设置可以滚动
    overflow: auto;

      //解决卡顿问题
      -webkit-overflow-scrolling:touch
    
  • 页面上多个滚动区域,相互粘连
    //首先,设置body不可滚动
    overflow: hidden;

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    安石0阅读 1,921评论 0 5
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,212评论 0 1
  • 计 快开学了,我去市里买点东西,回学校的时候可以带去。 一上午的时间,走了很多地方,买了很多日常用的东西,但是总是...
    Mr海鲜君的故事阅读 383评论 3 1
  • 设置的文件为:routes/web.php最常用的用法: 调用controller的方法。 Route::get(...
    QingLinger阅读 1,332评论 0 0