Css转换不在body overflow中的可滚动div上工作：隐藏

Question

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

body{ width:100%; overflow:hidden; }

因为我需要将它放在一些可滚动的div上，所以认为让这成为可能并不是一个大问题。我只是不太了解javascript，这就是我需要你帮助的原因。在这里，我用jsfiddle制作了动画，你可以看到所有外部的js / css。

提前致谢！

Answer 1

如果将溢出设置为隐藏在主体上，它会将文本剪切为正文大小，因此您将无法滚动。您可以使用overflow: scroll或auto（将其设置为scroll，因为文字大于正文）。这样，您的所有内容都将被呈现。