javascript - scrollTop 値に基づいてヘッダーの高さとパディングを縮小します

Question

こんにちは、別の質問からこのコードを取得しましたが、うまく機能します。私が持っている唯一の問題は、padding-top使用しているヘッダーに追加されていることです。高さとともにパディングがなくなるまでパディングを減らしたいのですが、このコードにその属性を追加する方法がわかりません。誰か助けてくれませんか？コンテンツが垂直方向の中央に留まるように、それらを同じ割合で減少させたいと思います。

イニシャルpadding-topはこれに設定されていますpadding: 40px 0 0;

ここにjqueryがあります

var header = $('#main'),
    headerH = header.height();

$(window).scroll(function() {
    if ($(this).scrollTop() <= headerH / 2) {
        header.css({
            height: -($(this).scrollTop() - headerH)
        });
    } else {
      header.css({
            height: headerH / 2
        });
    }
}).scroll();

これが私が最初のjqueryから得た質問です:ヘッダーの高さをscrollTopの値で縮小します