jQuery根据滚动位置增加和减少div高度

Question

jQuery根据滚动位置增加和减少div高度。

想知道你们中是否有人知道以一种好的方式做到这一点。 假设我有一个div，其id为“ scroll-element”，当我向下滚动页面时，可以说像500px向下滚动时，它开始增加到大约200px，当我向上滚动时减小到0px。 我尝试了几种方法，但到目前为止都没有奏效。

Answer 1

像这样吗

jsFiddle

$(function () {
    $(window).scroll(function () {
        var $myDiv = $('#scroll-element');
        var y = $(this).scrollTop();
        $('#results').text(y);
        x = y - 300;
        $myDiv.animate({height:x},2500);
    }).scroll();
});