向下滚动时显示带有动画的内容答案

【问题标题】：display content with animation when scrolled down to it向下滚动时显示带有动画的内容
【发布时间】：2014-03-19 21:35:42
【问题描述】：

我正在寻找最简单的任何最干净的方式来在我的网站上显示内容或内容块时向下滚动到它。我的意思是我宁愿不使用任何框架，如 jquery 或 bootstrap。

我想在这些网站上看到类似的东西：

你会推荐我怎样才能做到这一点？我对html5、css3和javascript非常熟悉。

谢谢

【问题讨论】：

【解决方案1】：

视差滚动正是您要找的。 How Nike Did it。使用现有插件可以帮助您实现所需的效果，同时保持较低的开销。以下是一些示例：

你也可以看到之前的问题是这样的：Parallax Scrolling @ SO

快速的 Google 搜索是您的朋友！

【讨论】：

他明确表示不想使用框架或插件。
插件提供了更好的跨浏览器支持，而不是仅仅试图破解一条路径数小时/数天。我也反对不必要的开销，但其中许多占用空间很小。另外，正如 balexandre 所说，为什么要重新发明轮子？
我尽量避免使用库和框架，并尝试仅仅因为控制和速度而“重新发明轮子”，即使这意味着我的工作要多一点。我尝试在速度优化方面做很多事情。但由于我的这个特定站点非常简单和商业化，我可能会使用上述库之一。但如果有人没有他们有任何其他解决方案，请分享。我不知道人们如何看待这种类型的滚动（即 Parallx 滚动），这就是为什么我之前没有找到答案的原因。谢谢大家。