成帧动画期间出现滚动条？答案

【问题标题】：Scrollbar appears during framer-motion animation?成帧动画期间出现滚动条？
【发布时间】：2022-08-20 05:53:22
【问题描述】：

通过变体将图像或组件从远离屏幕的一侧带入屏幕，例如

const containerVariants = {
    hidden: {opacity : 0, x: \'-100vw\'},
    visible: {opacity : 1, x : 0}
  }

在 initial 被隐藏并且 animate 是可见的情况下，将导致出现滚动条。我在观看的教程中没有看到滚动条，知道为什么会发生这种情况或如何防止滚动条出现吗？在成帧器运动期间会出现滚动条似乎违反直觉，因为我还能如何将对象滑入视图。

【解决方案1】：

我有同样的问题，通过删除“溢出：自动；”解决来自我的动画组件的容器的 css。

【讨论】：

【解决方案2】：

如果要显式删除滚动条的出现，则需要将overflow: hidden; 添加到该元素的样式中，并确保有指定的高度。

【讨论】：