<p>x 値間をアニメーション化するコードがありますが、justify-content: center から left に遷移しようとすると機能しません。 </p> <p>以下はコード スニペットです: </p> <pre class="brush:php;toolbar:false;">function Navbar() { const {scrollY} = useScroll(); const x = useTransform(scrollY, [0, 100], ["center", "left"]); 戻る （ <モーション.div レイアウト className={styles.parent} style={{ justifyContent: x、display: "flex" }} 遷移={{ 持続時間: 0.5 }} > <画像 src="/BlackLogo-2.svg" alt="CG ロゴ" 幅={100} 身長={100} style={{パディング: 20,}} 優先度 /> </motion.div> ） }</pre></p>