채택완료

상단메뉴 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개

채택된 답변
+20 포인트

z-index:10000

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

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

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

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

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

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

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

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

position 속성엔 sticky라는 속성값이 존재하지 않습니다.

https://homzzang.com/b/css-108

구글에서 sticky.js 키워드로 검색해 보세요.

답변을 작성하려면 로그인이 필요합니다.