javascript - Css 过渡不适用于正文溢出中的可滚动 div :hidden

Question

我想使用 this header effect在我正在处理的网站上，但进行了一些修改。我需要在 div 而不是标题上实现它。问题是这个 js/css 效果不适用于我的 css，它是:

正文{
宽度:100%；
溢出:隐藏；
}

因为我需要将它放在一些可滚动的 div 上，所以我认为实现它不是一个大问题。我只是不太了解 javascript，这就是为什么我需要你的帮助。我在这里做了 jsfiddle带有工作动画，您可以在其中看到所有外部 js/css。

提前致谢!

Answer 1

如果您将 overflow 设置为隐藏在 body 上，它会将文本剪切为 body 大小，因此您将无法滚动。您可以使用 overflow: scroll 或 auto(这会将其设置为 scroll，因为文本比正文大)。以这种方式呈现您的所有内容。