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

메뉴가 올라가거나 내려가지 않고 상단에 그대로 있게 하려면.. 채택완료

크레이티브 4년 전 조회 1,816

현재 그누보드에서 메뉴설정을 하면 상단에 설정이 됩니다.

그리고 게시판을 열고 게시물을 보기 위해 브라우저를 내려면 상단의 메뉴가 같이 올라가서

가려지게 되죠...

 

그걸 윈도우포럼 https://windowsforum.kr/ 처럼 메뉴가 상단에 고정되게 하고 싶은데 어떻게 해야 할까요.?

소스보기를 보니 .

 

<nav class="at-menu"> 이용하는것 같은데... 모르겠네요

 

그누스터디에서 중앙으로 고정하는것은 있는데 아래위로 내릴때 고정하는것은 없네요

있으면 좋을뗀데...

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

답변 2개

채택된 답변
+20 포인트
d
4년 전

jquery 를 이용하여, 스크롤 다운시 특정 위치에서 헤더의 css position을 fixed 하시면 참고사이트와 같은 형태가 됩니다.

구글에 스크롤다운 메뉴 fixed 등으로 검색하시면 관련 내용이 많이 있습니다. :)

https://swimfm.tistory.com/entry/%EC%8A%A4%ED%81%AC%EB%A1%A4-%EB%82%B4%EB%A6%AC%EB%A9%B4-%EC%83%81%EB%8B%A8%EC%97%90-%EA%B3%A0%EC%A0%95%EB%90%98%EB%8A%94-%EB%84%A4%EB%B9%84-%EB%A9%94%EB%89%B4-%EB%A7%8C%EB%93%A4%EA%B8%B0

 

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

답변에 대한 댓글 1개

크레이티브
4년 전
답변 감사합니다.
그런데 적용하기는 좀 버겁네요 읽고 또 읽고 습득해 보도록 노력해 보겠습니다
와우...

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

들레아빠

http://stickyjs.com/">Sticky Plugin (stickyjs.com)

</p>

<p><script src="<?php echo G5_THEME_JS_URL?>/jquery.sticky.js"></script>

<script>

  $(document).ready(function(){

    $("#gnb").sticky({topSpacing:0});

  });

</script></p>

<p><style>#gnb {min-width:1200px;width:100%;margin:0 auto;z-index:99999 !important}</style></p>

<p>

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

답변에 대한 댓글 2개

크레이티브
4년 전
감사합니다 둘레아빠님
들레아빠
4년 전
네 화이팅이요..

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

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

로그인