상단메뉴 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
답변 주신 분들에게 감사드립니다.