博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Fixed元素在滚动时会抖动----开启硬件加速
阅读量:6613 次
发布时间:2019-06-24

本文共 567 字,大约阅读时间需要 1 分钟。

原文:

Add -webkit-transform: translateZ(0) to the position: fixed element. This forces Chrome to use hardware acceleration to continuously paint the fixed element and avoid this bizarre behavior.

I created a Chrome bug for this . Please star it so this can get some attention.

 

也就是为样式添加translateZ(0)属性强制开启硬件加速,为了兼容各个平台,需要写成

.test{
position:fixed; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

 

转载于:https://www.cnblogs.com/yida915/p/6474047.html

你可能感兴趣的文章
Go语言的管道Channel用法
查看>>
ASP.NET WEB页面多语言支持解决方案(转)
查看>>
matlab坐标轴设置
查看>>
Android开发环境搭建及配置phoneGap
查看>>
cg数据类型
查看>>
angularjs $http 服务
查看>>
离散卷积与自相关----------信号处理系列[原创]
查看>>
java 观察者模式
查看>>
Azure SQL Database (19) Stretch Database 概览
查看>>
VBA概述之在Office产品中创建自己的应用程序
查看>>
在C#中使用属性控件添加属性窗口
查看>>
linux内核驱动中对字符串的操作【转】
查看>>
delegate引用参数示例
查看>>
printf()详解之终极无惑
查看>>
交叉检验---训练数据,验证数据和测试数据
查看>>
Emacs中多个golang项目的配置方法
查看>>
Linux下的Backlight子系统(一)【转】
查看>>
AspNetPager分页控件配置
查看>>
【Android开发坑系列】之Fragment
查看>>
c++ 注册表的设置立即生效
查看>>