1

我正在尝试使用 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 组件不会滚动 - 每次我尝试滚动时它都会弹回开始)

有没有人让这个工作?非常感谢您的帮助!

4

0 回答 0