코멘트 바로가기 클릭 시 스크롤 마진 탑 적용하기 > 그누보드5 팁자료실

그누보드5 팁자료실

코멘트 바로가기 클릭 시 스크롤 마진 탑 적용하기 정보

코멘트 바로가기 클릭 시 스크롤 마진 탑 적용하기

본문

https://sir.kr/qa/549714

 

내용을 토대로 팁으로 작성합니다.

 

그누보드 기능 중 최근 게시물에서 댓글 기능을 사용할 경우 해당 댓글 클릭 시 바로 해당 내용으로 이동 됩니다.

만약 지금 운영 중인 사이트의 네비게이션이 고정된 경우는 고정된 크기 만큼 보여지지 않게 됩니다.

 

따라서 해당 기능을 이용하기 위해서는 스킨의 코드가 일부 수정 되어야 합니다.

사용하시는 게시판 스킨으로 이동 해주세요

 

978180634_1735517829.3977.png

 

스킨 디렉토리를 참조 하시면 됩니다.

 

그리고 해당 스킨 디렉토리 내 view_comment.skin.php 파일을 열어 주세요

그리고 아래 코드를 찾아 주세요

 


<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>

 

그리고 아래 처럼 변경 해주세요


<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="scroll-margin-top: 100px; margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>

 

처음 듣거나 다소 생소한 속성인 scroll-margin-top 기능을 활용하면,

해당 크기 만큼 여백을 조절할 수 있습니다.

위에 코드 기준 100px 로 작성 된 건 실제 네비게이션 크기 만큼 지정하시거나 조금 더 주시면 될 것 같습니다.

 

동작은 아래를 참조 하세요

 

고맙습니다.

 

[스크롤 마진탑 적용 전]

978180634_1735778529.1213.gif

 

 

[스크롤마진탑 적용후]

978180634_1735778552.59.gif

 

추천
7

댓글 8개

전체 2,586 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT