jquery - 滚动时降低div的高度

Question

我有一个位于主页顶部的 div hero。它是视口(viewport)的全高，下面还有其他 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) ; 
});