divを下にスクロールしたときにdivを修正しました

Question

私は折りたたみ式のナビゲーション（その高さは分かりません）とその下のdivを持っています。その下にスクロールするとpositionからfixedに変わります。

私はこれを達成しましたが、一番上にスクロールすると、divは固定されたままになりました。最初はどこにあったのか分かりません。static正確なポイントはです。

ここではフィドルです（私のコメントは私の解説です）：https://jsfiddle.net/1krLnv7q/2/。

私は何か助けてくれますか？ハマった。

Answer 1

EDIT

あなたはそれ以外の場合は、バギーのアニメーションが発生します、scroll()イベントの外であなたのVARSを定義することができます。

Like this

$(function(){ 
    //top offset of static/fixed div 
    var staticOffset = $('.static').offset().top; 
    //window height 
    var wpHeight = $(window).height(); 

    //point when the user scrolls at the bottom of div 
    //static/fixed div height + top offset - viewport height 
    var treshold = staticOffset + $('.static').height() - wpHeight; 

    $(window).scroll(function(){ 
    //if user scrolls below the divs bottom (treshold) it becomes fixed 
    if ($(window).scrollTop() > treshold){ 
     $('.static').addClass('fix');  
    }else{ 
     $('.static').removeClass('fix');  
    } 
    }); 
});