ブートストラップスティッキ（固定）アラートがスクロールダウンを防ぎます

Question

私はブートストラップ用の単純なスティッキープラグインアドオンを開発中です。基本的には、次のように動作します。

if ($(this).scrollTop() < ScrollPastOffset) { 
     console.log("max it"); 
     $(fixedAlertWrappers).removeClass('scroll'); 
    } else { 
     console.log('min it'); 
     $(fixedAlertWrappers).addClass('scroll'); 
    } 

しかし、あなたは警告を過ぎてスクロールしようとすると、それはグリッチが発生すると、あなたがScrollPastOffsetで設定した値を超えて、下にスクロールさせません。ここでのデモ：https://jsfiddle.net/09kh5rp9/

Answer 1

あなたの変数ScrollPastOffsetニーズ変更するには、コンテンツの高さは、あなただけのこの変数を編集する必要があなたのケースでは

var topDist = $("a.btn").position(); 
if (scroll > topDist.top){ 
    console.log("max it"); 
    $(fixedAlertWrappers).removeClass('scroll'); 
} 
else { 
    console.log('min it'); 
    $(fixedAlertWrappers).addClass('scroll'); 
} 

が増加したときに、コードの残りの部分は同じ

var ScrollPastOffset = $("a.btn").position().top; 

ですここに仕事がありますpen

Answer 2

簡単な解決策：

$(window).scroll(function() { 
    var elm = $('.fixed-alert-wrapper'); 
    if ($(this).scrollTop() < 150) { 
     if (elm.hasClass('scroll')) 
      elm.removeClass('scroll'); 
    } else { 
     if (!elm.hasClass('scroll')) 
      elm.addClass('scroll'); 
    } 
});