如何在滚动时使用（moz / webkit / etc）缩放图像

Question

即时尝试这样做我只是想弄清楚如何做出任何想法？

不要注意视差只是想知道如何在滚动时缩放图像（如果滚动向上使图像变小并且当它向下变大时）

www.smartusa.com

Answer 1

您可以使用scrollorama设置位置并配置何时应显示不同的尺寸。

http://johnpolacek.github.com/scrollorama/

Answer 2

如果我没有弄错的话，使用滚动位置需要JavaScript。

只需在滚动时执行一段设置图像大小的代码：http://jsfiddle.net/TwLuE/。

$(window).on("scroll", function() {
    var s = Math.min(400, $(document).scrollTop()) + 100;
    $("img").width(s).height(s);
});​