减少滚动div的高度

Question

我有一个位于主页顶部的div hero。它是视口的整个高度，下面还有其他div。我有以下代码来创建由于它的大小而在第一个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) ; 
});