Hello, World!
이전 목록 다음
채택완료

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

크레이티브
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 1,908

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

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

가려지게 되죠...

 

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

소스보기를 보니 .

 

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

 

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

있으면 좋을뗀데...

그누보드5 메뉴고정 php
|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
ddev2lgb
프로필 보기이 회원 글보기이 회원의 댓글보기
 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년 전
답변 감사합니다.
그런데 적용하기는 좀 버겁네요 읽고 또 읽고 습득해 보도록 노력해 보겠습니다
와우...
들레아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전

Sticky Plugin (stickyjs.com)

Copy 
<script src="<?php echo G5_THEME_JS_URL?>/jquery.sticky.js"></script>
<script>
  $(document).ready(function(){
    $("#gnb").sticky({topSpacing:0});
  });
</script>

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

답변에 대한 댓글 2개

크레이티브
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
감사합니다 둘레아빠님
들레아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
네 화이팅이요..

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