这就是我所拥有的：
.s2 {
top: 150px;
left: 20px;
position: absolute;
transition: left 300ms linear;
}
我使用JavaScript在滚动时动态更改了左侧位置。目前，在移动设备上，甚至在台式机浏览器中，性能都很差。
我该如何改善？有更好的方法吗？
最佳答案
考虑使用requestAnimationFrame限制滚动
如果可以的话，请使用诸如笔译等属性，而不是使用left或top
广告translateZ（0）或translate3d（0,0,0）可以在移动设备上触发GPU（并非始终保证）
同样，由于在滚动过程中进行动画处理，因此不需要使用transition属性，除非在滚动量超过某个值时有断点/阈值可在其中设置属性。
关于javascript - 使用CSS改善左过渡动画的性能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51682284/