2012-04-17 1 views
0

의 자바 스크립트 설정과 함께 전체 탐색 모음 지금은 페이지 상단에 유지 여기스크롤하는 동안이 탐색 모음을 위에 띄우는 방법은 무엇입니까?

http://jsfiddle.net/DyJzg/3/

을 발견 할 수 있지만 때 난 위에 떠있는이 될 수 있는지 궁금하고 페이지를 아래로 스크롤하십시오. 감사. 그냥 내 머리, 다음 그것을해야 상단의 전원

+0

http://stackoverflow.com/questions/3593594/how-to-keep-the-header-static-always-on-top 스크롤하는 동안 – Ghokun

+0

과 관련이 없지만 드롭 다운 메뉴를 클릭하고 닫으려면 다시 클릭하십시오. 마우스를 켠 후에는 호버 효과가 유지됩니다. O – ajax333221

+0

@ ajax333221 그래,이 점을 지적 해 주셔서 감사합니다! – nye17

답변

5

나는 당신이 당신의 요소 경우 여기를 position:fixed

nav { 
position:fixed; 
top:0; 
width:100%; 
} 

modified jsfiddle

+0

고마워, 실제로 전에이'postion : fixed' 옵션을 시도했지만, 분명히 내 CSS 설정의 다른 것이 그것을 망쳤다. jsFiddle 샌드 박스에서 완벽하게 작동하지만 내 실제 페이지에서는 그렇지 않습니다. 알아낼 필요가 있지만 이제는 'nav'조각의 문제가 아니라고 확신합니다. – nye17

0

..

.nav{ 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    width:100%; 
} 
1

입니다 사용할 필요가 있다고 생각 'nav'이거나 요소 클래스가 '.nav'인 경우 다음 코드를 사용하십시오.

nav, .nav{ 
position:fixed; 
top:0; 
width:your_custom_with; 
height: your_custom_height 
} 

참고 : 자세한 내용은 CSS 위치의이 문서를 확인하십시오 http://www.w3schools.com/css/css_positioning.asp

+0

감사합니다. @inrbob에 대한 내 회신에서 언급했듯이, 그 페이지를 점검했습니다. – nye17

관련 문제