Изменение размеров элементов на прокрутке

Question

Я пытаюсь создать заголовок, который «рушится» на прокрутке. У меня в значительной степени есть функциональность, но она «обратная».

Описание: JSFiddle link с указанием концепции.

Проблема в том, что я хотел бы, чтобы заголовок начинал высокий и уменьшал высоту, когда страница прокручивается (а не наоборот).

JQuery:

$(window).scroll(function() {  

var $myDiv = $('header'); 
var st = $(this).scrollTop(); 

$myDiv.css("height", st); 

Answer 1

Попробуйте это -

$(window).scroll(function() {  
    var $myDiv = $('header'); 
    var st = $(this).height() - $(this).scrollTop(); 
    $myDiv.css("height", st); 
}); 

Fiddle