编程技术

QQ浏览器滑动 会出现空白 处理方法

2018-10-17 440字 7,400

向下/向上滑动页面的时候,页面会出现空白。

//在滑动范围的父级添加以上css,即可解决
.scroll-y {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}

PS: 查资料发现IOS QQ内置浏览器也会有这个问题

-webkit-overflow-scrolling:touch属性副作用--QQ内置浏览器空白处理

版权声明:Shire 发表于 2018-10-17
转载请注明: QQ浏览器滑动 会出现空白 处理方法 | Shire

评论 (2)

  1. Zenlee     Windows 7 /    Google Chrome

    网站配色看着真舒服,搜索栏在文章页里打不开

    河南省新乡市 回复
    1. JaneCC     Windows 10 /    Google Chrome

      @Zenlee : 谢谢提醒

      安徽省合肥市 回复

该文章已经关闭评论