框架API滚动组件水平滚动-反应

Question

我正在尝试使用Framer API来实现水平滚动组件https://www.framer.com/api/scroll/根据文档，有一个方向属性可用于设置滚动的方向。

这是我的简单代码：

<Scroll height={600} width={200} direction="horizontal">
<Frame size={300} top={0} bottom={0} left={0}>Hello World!</Frame>
<Frame size={300} top={0} bottom={0} left={300}>Hello World!</Frame>
</Scroll>

我注意到这段代码(在浏览器中检查后(将帧垂直堆叠，因此水平滚动只适用于第一帧。我确实尝试过用position:absolute为每个帧设置css，它将帧彼此水平放置。。。但滚动组件不会滚动——每次我尝试滚动时，它都会弹回到开头(

有人用过这个吗？非常感谢您的帮助！

Answer 1

使用framer和'ghost'div，您可以创建一个水平滑块，它将与垂直滚动一起工作。以下是解决方案：https://codesandbox.io/s/5crke