Shire.随记
编程技术

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

2018-10-17 440字 7,812

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

//在滑动范围的父级添加以上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内置浏览器空白处理

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

评论 （2）

  1. Zenlee
    Zenlee     Windows 7 /    Google Chrome

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

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

      @Zenlee : 谢谢提醒

      安徽省合肥市 回复

该文章已经关闭评论