調整滾動元素的大小

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