Как я могу масштабировать изображение с помощью (moz / webkit / etc) при прокрутке

Question

я пытаюсь сделать это, я просто не могу понять, как какие-либо идеи?

Не обращайте внимания на параллакс, просто хотите знать, как масштабировать изображение во время прокрутки (если прокрутка идет вверх, сделать изображениеменьше, а когда уменьшается, то больше)

www.smartusa.com

Answer 1

Использование позиции прокрутки требует JavaScript, если я не ошибаюсь.

Просто выполните фрагмент кода при прокрутке, который устанавливает размер изображения: http://jsfiddle.net/TwLuE/.

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

Answer 2

вы можете использовать scrollorama, чтобы установить позиции и настроить, когда разные размеры должны быть показаны.

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