调整滚动元素的大小

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