如何创建像 Grouek 网站一样的滚动效果 [关闭]答案

【问题标题】：How to create Scrolling Effect like Grouek website [closed]如何创建像 Grouek 网站一样的滚动效果 [关闭]
【发布时间】：2014-12-31 12:57:55
【问题描述】：

当我们在http://grouek.com/ 网站向下滚动网页时，我们如何创建垂直条/螺旋/飞溅类型的页面动画效果？我猜它是 CSS3 或比 Canvas 更先进的东西。但是有没有办法在 CSS3 或 jQuery 中做到这一点？

【问题讨论】：

为什么不使用浏览器的开发工具来查看该网站如何设法组合无数种不同的眼睛糖果效果，这些效果旨在掩盖实际上没有内容的事实？但是，嘿，我不是那里的目标受众，因为我对闪亮的东西没有印象。
是什么阻止您检查该页面的源代码？
我不知道为什么一些关于 stackoverflow 的问题会受到如此多的仇恨。这是一个合法的问题，他只是使用了一个他喜欢的示例页面。不是他想克隆这个网站什么的。点赞+我最喜欢的 ;)
我已经使用 Firebug 来检查源代码，我看到它使用了画布库。这就是为什么我问是否有任何方法可以在 CSS3 或 jQuery 中做到这一点:) 我希望这是一个有意义的问题。现在我有答案了，感谢ChinKang
我为 grouek 网站开发了那个卷轴，它是手写画布。 html5canvastutorials.com/tutorials/html5-canvas-image-crop greensock.com/tweenlite 裁剪和补间！

【解决方案1】：

是的，要获得如此惊人的效果，我们必须投入一些精力或金钱来获得它。但是由于您尝试搜索但没有提示，我将向您展示一些入门者:)

那里有更多可用的库，但创建自己的库总是很有趣；P

【讨论】：

【解决方案2】：

实现这一目标的最佳方法是聘请具有相同水平的专业网页设计师来重新创建此页面上的多种效果。它不会便宜。这涉及到很多工作，而不是在某个站点上的某个地方找到一些脚本或一段代码可以让您重新创建它。这花费了某人数百小时的时间来构建。

【讨论】：

【解决方案3】：

谢谢大家 :) 经过一些认真的检查，我看到http://janpaepke.github.io/ScrollMagic/ 会产生类似的东西，这将是我开始开发这个的完美点:)

【讨论】：