如何解决在React中平稳更新CSS Transformation
我有一个对象,我想根据上级组件传递的偏移量,使用transform
平滑,动态地移动
每当偏移量变化导致重新渲染时,过渡都会明显重启。但是,此过渡应该是恒定的,没有可见的中断,并根据偏移量的差异加快/降低速度。
到目前为止的代码:
import React from "react";
export const animatedComponent = ({ offset }) => {
return (
<div style={
position: "absolute",transform: `translateY(${offset}px)`,transition: "transform 1s linear",}>
"This string is moved vertically"
</div>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。