降低卷軸上div的高度

Question

我有一個位於主頁頂部的div hero。這是視口的整個高度，下面還有其他div。我有以下代碼來創建的滾動速度在第一格的效果，由於它的尺寸：

$(document).scroll(function(){ 
    var h = $('#hero').height() 
    $('#hero').height(h - 200); 
}); 

但我已經改變了div的高度我不知道如何改變DIV回當用戶滾動回到頂部時，它就是原來的高度。

Answer 1

你可以做這樣的事情在JQuery中，

var div = $('#hero') ; 
var divHeight = $('#hero').height() ; 
var scroll ; 

$(window).scroll(function() { 
    scroll = $(this).scrollTop() ; 
    div.height(divHeight - scroll) ; 
});