微信小程序文字滚动卡顿的解决办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_39872588/article/details/79308302

目前,针对微信小程序,文字滚动的效果。传统使用定时器,改变px像素点。是会出现卡顿的情况的,动画会非常不流畅。

这里建议的是使用css3动画

但是有一个点需要注意的是,就算是使用CSS3属性,我们也不能去更改bottom、top、margin、padding、等值来产生位移。 这些方法都会看起来有一些卡顿,导致动画不流畅。

经过很多测试,使用 transform:translateX(x) /translateY(y) ;改变这些值,动画是非常流畅的。

目前没有找到更多的合适的办法,后面如有更好的方法会更新文档。 

猜你喜欢

转载自blog.csdn.net/weixin_39872588/article/details/79308302
今日推荐