테스트 사이트 - 개발 중인 베타 버전입니다

상단메뉴 sticky 만들기 채택완료

khk1 7년 전 조회 2,621

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

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

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

 

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

답변 3개

채택된 답변
+20 포인트
잉끼s
7년 전

z-index:10000

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

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

 

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

로그인 후 평가할 수 있습니다

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

k
7년 전

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

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

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

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

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

 

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
7년 전

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

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

 

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

로그인 후 평가할 수 있습니다

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

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

로그인