0

我想知道如何对图像应用一些效果。不是直接在图像上,而是在我们向下滚动页面时。例如,当您向下滚动时,图像会淡入或从页面一侧滑入。我遇到了 skrollr,但不确定它是否是正确的库。

有谁知道怎么做?

4

5 回答 5

0

搜索视差效果

例如

源代码和演示的其他示例

于 2013-09-03T16:03:28.227 回答
0

有许多不同的方法可以实现所需的褪色。On 将是一个 backgroundColor-clear 透明渐变 png 图像,图像从该图像滑入视图(在 png 后面)。我们可以使用一些 javascript 应用基于图像的 x 或 y 坐标的样式转换,并通过使用 CSS3 中的过渡来平滑效果。我确信有 50 种不同的方式可以使用 jQuery 来使用类似的效果。你有什么特别的想法吗?还是您只是想要推荐?

于 2013-09-03T16:03:47.773 回答
0

jQuery UI 是您最好的选择。首先添加对 jQuery 的引用,然后添加 jQuery UI:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

然后访问http://jqueryui.com/并阅读参考资料。这很容易> 8)。

我还必须提到 jQuery 在企业界中的应用非常广泛,因此学习它可以通过一个很棒的工具提高你的技能

于 2013-09-03T16:24:38.950 回答
0

这个问题可能会有所帮助

你可以使用上面的 Stellar js 效果来实现这种效果

或者这可能会有所帮助 - 使用 Jquery 滚动路径。

http://joelb.me/scrollpath/

于 2013-09-03T16:27:49.017 回答
0

我遇到了 skrollr,但不确定它是否是正确的库。

鉴于您的要求:是的,是的。

于 2013-09-04T12:24:34.630 回答