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();
});