如何在 React Spring Parallax 'pages' 上设置溢出隐藏

Question

我在我的项目中使用 React Spring Parallax (https://www.react-spring.io/docs/props/parallax)：https://codesandbox.io/s/parallax-sticky-scroll-2zd58?file=/src/App.js

当您单击按钮转到下一部分时，您可以看到图像溢出到下一部分。但是由于 react spring 将所有内容都设置为绝对位置，因此我无法将每个部分设置为溢出隐藏。

有没有办法设置溢出隐藏以包含我的内容到每个部分？

Answer 1

在styles.css文件中加入如下css即可轻松实现

html,
body,
#root {
  overflow: hidden;
}

在这里您可以找到我的示例的分叉版本 Sandbox link