스크롤에서 요소 크기 조정

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