javascript - jQuery根据滚动定位增加和减少div高度

Question

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

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

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