2017-01-16 4 views
0

내 페이지가 다른 플랫폼과 호환 될 수 있도록 반응 형 탐색 메뉴로 작업 중입니다. 나는 여기 단계를 따랐다 : http://www.w3schools.com/howto/howto_js_topnav.asp/하지만 나는 창문을 축소했을 때 같은 위치를 유지할 수 없었다. (내 페이지가 와이드 스크린에있을 때 항상 메뉴를 맨 위에 놓았다.) 모든 탐색 바가 의미하는대로 맨 위에 놓는 방법?반응 형 탐색 메뉴를 페이지 맨 위에 두는 방법은 무엇입니까?

+0

위치 : (당신이 스크롤 할 때조차 거기 체재 할 경우) 고정 또는 위치 (절대 그냥 상단에 원하는 경우 페이지는 표시하지만 브라우저 창 상단은 표시하지 않음). 상단 : 0; 왼쪽 : 0; 오른쪽 : 0; – deadfishli

+0

고맙습니다. 하지만 위치를 고정으로 변경하고 아이콘을 클릭하면 전체 막대가 변형되어 막대처럼 보이지 않게됩니다. –

+0

이렇게 보입니다. https://i.imgsafe.org/c810d924b2.png –

답변

2

당신은 아마 당신의 탐색 모음에 위치를 추가 할 수 있습니다

position: fixed; /* if you want it to stay there even when scrolling */ 
position: absolute; /* if you just want it at the top of the page, but not at the top of your browser window */ 
top: 0; 
left: 0; 
right: 0; 
관련 문제