Javascript 부동 메뉴 막대가 작동하지 않습니까?

Question

내 페이지에 배치 된 메뉴를 만들고 싶습니다. 브라우저 창이 메뉴 상단에 도달하면 페이지 상단에 고정되고 페이지가 this처럼 아래로 스크롤되기를 원하지만 코드 해당 링크에서 작동하지만 내 웹 페이지에 구현할 때는 작동하지 않습니다. 어쩌면 나는 간단한 오류를 만들고 있는데, 이것이 내가 코드를 구현 한 방법이다.

헤드 섹션 :

... 
<script type='text/javascript'> 
$(window).load(function(){ 
$(window).scroll(function(){ 
if ($(window).scrollTop() >= 200) 
{ 
    $("#floatbar").css({position:'fixed',left:'0',top:'0'}); 
} 
else 
{ 
    $("#floatbar").css({position:'absolute',left:'0',top:'200px'}); 
} 
}); 
}); 
</script> 
... 

본문 섹션 :

... 
<div style="height:1000px;width:500px;"> 

<div id="floatbar" style="background:gray; 
          width:200px; 
          height:40px; 
          position:absolute; 
          left:0;top:200px;"> 
<a href="#issue49">Issue 49</a><br /> 
<a href="#issue48">Issue 48</a><br /> 
<a href="#issue47">Issue 47</a><br /> 
<a href="#issue46">Issue 46</a><br /> 
</div> 
</div> 
... 

사람이 잘못 됐을 뭐죠 말해, 또는 어떤 생각이 작동하지 않는 이유에의 제안 할 수 있습니다, 라이브 드림위버에서 작동하지 않습니다 보기, 사파리 Mac에서, Firefox에서 Mac 또는 Mac에서 Mac. 이 번에

감사

존이

Answer 1

내가 아니다 jQuery를로드하는 중 t all - Jon Kyte

그럼 문제가 있습니다. jQuery 코드 없이는 jQuery없이 작동하지 않습니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type='text/javascript'> 
$(window).load(function(){ 
$(window).scroll(function(){ 
if ($(window).scrollTop() >= 200) 
{ 
    $("#floatbar").css({position:'fixed',left:'0',top:'0'}); 
} 
else 
{ 
    $("#floatbar").css({position:'absolute',left:'0',top:'200px'}); 
} 
}); 
}); 
</script> 

과 마법은 jQuery를 옆에, 예를 들어, 일부 다른 라이브러리를 사용하고

Answer 2

체크 ..

$("#floatbar").css({position:'fixed',left:'0',top:'0',overflow:'hidden'}); 

Answer 3

이 자습서를보십시오, 내가 배운 방법은 다음과 같습니다

http://www.bennadel.com/blog/1810-Creating-A-Sometimes-Fixed-Position-Element-With-jQuery.htm