css 메뉴 맨 위로 올리기

css 메뉴 맨 위로 올리기

QA

css 메뉴 맨 위로 올리기

본문

1705150903_1584924145.4377.jpg

안녕하세요? 힘들지만 이곳 회원님들의 도움을 받아 하나씩 완성하고 있습니다.
위의 사진은 그누보드 5의 모빌에서 볼 수 있도록 하고 있습니다. 문제는
- 어떻게 그누보드 메뉴가 아닌 CSS다운로드 받아 설치한 메뉴를 맨위로 올릴 수 있는지요?
도움 부탁 드립니다.
감사 합니다.

이 질문에 댓글 쓰기 :

답변 2

우선 기본적인 html,css 를 아셔야 작업이 가능합니다.

저 메뉴부분 영역(head)을 position:fixed; top:0; left:0; width:100%; z-index:99; 을 기본으로

상황에 맞게 css 를 더 추가해서 작업하신 후, head 영역을 fixed 시켰기 때문에

wrapper 부분을 fixed 시킨 높이 만큼 padding-top 으로 벌려주셔야 합니다.

 

또는 제이쿼리를 이용한 메뉴 상단으로 붙일 수도 있습니다.

https://www.codingfactory.net/10745

구글링하시면 위와 같은 예제의 글이 많이 보이니, 참고하시어 적용해보세요 ^^

해당 #아이디나 .클래스에 top 속성등을 통해서 맨 상단에 강제 고정시키거나

자리를 맞춰 주시면 될것 같습니다.

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 38
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT