我正在尝试使用 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,它将帧彼此水平放置...但是 Scroll 组件不会滚动 - 每次我尝试滚动时它都会弹回开始)
有没有人让这个工作?非常感谢您的帮助!