jquery - scrollToFixプラグインの制限を自分のWebサイトのフッターで停止させるにはどうすればよいですか？

Question

私は自分のWebサイトでscrollToFixスクリプトを使用して、ユーザーがページを下にスクロールするときに広告を修正し、ユーザーがフッターに到達したときにリリースします（広告がフッターと重ならないようにします）。ただし、以下の私のコードでは、広告はフッターではなく、ページの3分の1から2分の1の間でスクロールを停止します。コンテナのouterHeightからフッターの高さを引いた値までスクロールするように設定すると、その場所でも停止します。

$(document).ready(function() {
     $('.right').scrollToFixed({
          marginTop: $('.float').outerHeight() + 8, 
          limit: $('footer').offset().top 
     });
});

より正確に停止させる方法について何かアイデアはありますか？

Answer 1

これはおそらく、ドキュメントの準備ができた後で、フォントや画像などが原因でサイトの高さが変わるためです。イベントをウィンドウloadイベントにバインドしてみてください。

$(function() {
    $('window').on('load', function() {
        $('.right').scrollToFixed({
            marginTop: $('.float').outerHeight() + 8, 
            limit: $('footer').offset().top 
        });
    });
});

Answer 2

$(document).ready(function() {
     $('.right-sidebar').scrollToFixed({
     marginTop: 0,
     limit: $('.right-sidebar-parent').outerHeight() - 180 } );
    });

これは、高さを動的に制限するために機能しました。