将精确的动画从桌面转换为手机(FRAMER API)

Question

所以我遇到了这个奇怪的问题。因此，我使用React和动画页面与FRAMER API。所以我在做什么：在特定的ScrollY上，比如说900，会弹出一些动画。然而，当有一个flexbox时，它在手机上看起来就不一样了(一行中有一个元素，而在桌面上有四个元素(。因此，桌面和手机上的确切位置将不匹配，这导致动画无法及时弹出。

有人遇到过同样的问题吗？如果有，有什么解决方案吗？

Answer 1

对我有用的是在父元素上设置一个固定高度一个用于移动，一个用于桌面。然后可以使用三元设置动画本身。

动画示例：

const title = {
hidden: {
opacity: 0,
y: mobile ? -350 : -250,
},
show: {
opacity: 1,
y: mobile ? 300 : 200,
},
};