reactjs - 如何将 useTransition 侧边栏定位到最右侧

Question

我试图将这个侧边栏定位在它当前所做的相反的位置。我希望侧边栏从右侧进入并始终保持正确。没有离开。

这是您重现的沙箱链接 - https://codesandbox.io/s/react-spring-sidebar-transition-forked-igmgr。

谢谢你。

标签： reactjsreact-spring

Answer 1

首先将侧边栏放在右侧。

.sidebar {
  position: absolute;
  right:0;
}

将变换更改为正 x 方向

from: {
  transform: "translateX(100%)"
},
enter: {
  transform: `translateX(0)`
},
leave: {
  transform: "translateY(100%)"
},