상단메뉴 sticky 만들기

상단메뉴 sticky 만들기

QA

상단메뉴 sticky 만들기

본문

그누보드5에서 아무 테마도 적용하지 않은 상태에서 상단메뉴를 sticky 하게 만들기 위해 아래와 같이

시도하였으나 sticky 하게 되지는 않고 오히려 dropdown 메뉴가 이미지에 가려서 안보이는 현상이

나타났습니다. 어떻게 하면 scroll down 하여도 메뉴는 상단에 붙어있는 것을 만들 수 있나요?

 

head.php에서 아래 내용을 보고

<nav id="gnb">
        <h2>메인메뉴</h2>
        <div class="gnb_wrap">
            <ul id="gnb_1dul">

gnb_1dul을 수정하면 될 것 같은 생각이 들어 default.css 에서 position:sticky를 아래와 같이

추가하였습니다. 그러나 결과는 그렇게 되지는 않고 엉뚱한 것만 망치게 됩니다.

#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#555;zoom:1; position:sticky; top:0;

 

sticky한 메뉴바가 어려운 건가요?

이 질문에 댓글 쓰기 :

답변 3

z-index:10000

을 추가해보시기 바랍니다.

이미지에 가려서 안 보인다면, z-index로 처리 가능할 수 있습니다.

 

그리고 해당 페이지를 알려주시면 보다 확실한 답변을 받으실 수 있습니다.

아래 사이트에서 sticky 방법에 대해 나와 있어 이것을 적용하였습니다.

그부보드5의 경우 상단메뉴 맨 처음 전체메뉴 버튼이 있어 조금 복잡했는데

어쨌든 이것 저것 해보다 보니 비슷하게 만들어졌습니다.

https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

답변 주신 분들에게 감사드립니다.

 

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

회원로그인

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