javascript - スクロール位置に基づいてdivの高さを増減するjQuery

Question

スクロール位置に基づいて div の高さを増減する jQuery。

あなたの誰かがこれを良い方法で行う方法を知っているかどうか疑問に思っていました. 「scroll-element」の id を持つ div があるとしましょう。ページを下にスクロールすると、500px のように下にスクロールすると約 200px に増加し、上にスクロールすると 0px に減少するとします。いくつかの方法を試しましたが、これまでのところ効果がありませんでした。

Answer 1

このようなもの？

jsフィドル

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