jQueryフローティングディベロッパー下限付き

Question

2つのメニューでマッシブルエフェクトを複製しようとしています。私はスクロール効果を働かせましたが、私はフッターの一番上で停止する効果を探していました。私は限界を持って条件付きの声明を出すことができると思っていましたが、私はそれをどうやって解くのかは分かりませんでした。

ここに私が使用しているJavaScriptがあります。

var name = ".floater"; 
var menuYloc = null; 

jQuery(document).ready(function($) { 
    menuYloc = parseInt(jQuery(name).css("top").substring(0,jQuery(name).css("top").indexOf("px"))) 
    jQuery(window).scroll(function() { 
     offset = menuYloc+jQuery(document).scrollTop()+"px"; 
     jQuery(name).animate({top:offset},{duration:500,queue:false}); 
    }); 
}); 

ここにビルドサイトへのリンクがあります。 http://host.philmadelphia2.com/~chill/about/

ありがとうございます。

Answer 1

jqueryの.offsetを使用して、ページ内のフッター位置の位置を確認し、メニューのトップ位置+高さを使用して、フッタ位置またはその付近にあるかどうかを判断し、停止する場合は停止します。

#Footerと$ MenuはそれぞれフッターのIDであり、メニューは明らかにそれらが何であるかに変わります。

EDIT：前の例では、この1つは

jQuery(document).ready(function($) 
{ 
    menuYloc = parseInt(jQuery(name).css("top").substring(0,jQuery(name).css("top").indexOf("px"))) 
    jQuery(window).scroll(function() { 
     var contentHeight = jQuery("#content").height(); 
     var menuHeight = jQuery(".floater").height(); 

     offset = menuYloc+jQuery(document).scrollTop(); 
     if((offset+menuHeight) > (contentHeight - menuHeight)) 
      offset = (contentHeight - menuHeight);    

     jQuery(name).animate({top:offset+"px"},{duration:500,queue:false}); 
    }); 
});