javascript - 调整滚动元素的大小

Question

我正在尝试创建一个在滚动时“折叠”的标题。我几乎已经设置了功能，但是它是“倒退的”。

这是一个展示该概念的JSFiddle 链接。

问题是我希望标题在页面滚动时开始变高并降低高度（而不是相反）。

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 );
});

小提琴