2026, 새로운 도약을 시작합니다.

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

https://sir.kr/qa/549714

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

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

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

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

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

978180634_1735517829.3977.png

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

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

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

[code]

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

[/code]

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

[code]

<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 } ?>>

[/code]

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

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

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

동작은 아래를 참조 하세요

고맙습니다.

[스크롤 마진탑 적용 전]

978180634_1735778529.1213.gif

[스크롤마진탑 적용후]

978180634_1735778552.59.gif

|

댓글 8개

좋은팁 추천합니다.

아이고 좀 얄미워요.

제가 금주는 이걸로 레벨연명 하려 했는데요.ㅋ

수고하셨고 추천합니다

디테일한 팁이군요^^
감사합니다

추천 합니다.

한줄로 해결되는 것이였군요. 다음 그누보드 버전에 적용되길 바랍니다.

감사합니다

댓글 작성

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

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,597
2741 3일 전 조회 99
2740 4일 전 조회 96
2739 1주 전 조회 206
2738 1주 전 조회 209
2737 1주 전 조회 174
2736 1주 전 조회 276
2735 3주 전 조회 278
2734 3주 전 조회 259
2733 1개월 전 조회 262
2732 1개월 전 조회 300
2731 1개월 전 조회 264
2730 1개월 전 조회 222
2729 1개월 전 조회 350
2728 1개월 전 조회 244
2727 1개월 전 조회 419
2726 1개월 전 조회 253
2725 1개월 전 조회 326
2724 1개월 전 조회 357
2723 1개월 전 조회 265
2722 1개월 전 조회 298
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 200
2717 2개월 전 조회 335
2716 2개월 전 조회 202
2715 2개월 전 조회 311
2714 2개월 전 조회 271
2713 2개월 전 조회 374
2712 2개월 전 조회 289
🐛 버그신고