как изменить размер изображения (логотип) при прокрутке вниз по веб-странице

Question

как можно изменить эту функцию, я хочу, чтобы изображение (логотип сайта) изменялось (уменьшалось) элемента при прокрутке вниз по веб-странице и обратно при прокрутке вверх страница

http://jsfiddle.net/TwLuE/

Я попытался это:

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

, но это работает наоборот. извини меня за слабый вопрос на английском.

Answer 1

Добавить размер префикса перед:

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

Tweak, что 400 к вашим потребностям. :)

Fiddle: http://jsfiddle.net/pur9ruut/