javascript - 2 つの要素間の距離が X より小さい場合は Y を行います

Question

Web サイトのフッターとサイドバーの間の距離を計算しようとしています (固定位置要素を模倣しているため、margin-top プロパティが可変です)。

解像度が小さい場合、サイドバーはフッターの上にスクロールします。これを解決するには、サイドバーがフッターから X px のときにサイドバーを非表示にし、フッターの上に X px スクロールすると再び表示します。

以下のコード (ウィンドウ スクロール関数内) を試しましたが、これは負の数を返し、期待どおりに動作しません。

        distance = sidebar.offset().top - footer.offset().top;

        console.log(distance);

        if ( distance > -500) {
            sidebar.fadeOut('fast');
        } else {
            sidebar.fadeIn('fast');
        }