Уменьшение высоты div на прокрутке

Question

У меня есть div hero, который находится в верхней части домашней страницы. Это полная высота окна просмотра, и есть другие divs ниже. У меня есть следующий код, чтобы создать эффект быстрой прокрутки поверх первой 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) ; 
});