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


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

//在滑动范围的父级添加以上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 | 一路走一路记|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - QQ浏览器滑动 会出现空白 处理方法


Carpe Diem and Do what I like