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

댓글클릭시에 스크롤 자동으로 이동되는부분 어디서 수정하죠? 채택완료

김준수사랑 10개월 전 조회 1,229

최신글 위젯등에서 댓글을 누르면 화면이 자동으로 해당위치로 스크롤되는데요

이부분 어디서 만지나요??

메뉴가 위에 고정되어있어서 상단높이를 좀더 뛰려고 하거든요;;

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

답변 5개

채택된 답변
+20 포인트
10개월 전

https://sir.kr/g5_tip/23380

 

팁으로 작성하였으니, 해당 코드 수정은 위 링크를 통해 확인할 수 있습니다.

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

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

10개월 전

먼저 기본적으로 그런 코드가 존재 하지 않습니다. 무슨말이냐면..

# 아이디 선택자를 URL 에 사용할 경우 자동으로 페이지 로드 시 요소 내 URL파라미터 아이디값으로 이동 되게 끔 기능을 제공하고 있을 뿐 기능상으로 코드 구현된 것은 아닙니다.

 

위 처럼, 네비게이션이 고정 된 경우 css 중 scroll-margin-top 요소를 활용하면, 그 만큼 원하시는데로 가능합니다.

 

코멘트가 적용된 요소에 scroll-margin-top 값을 고정 된 네비게이션 크기 만큼 작성 해주시면 원하는 것을 얻으실 수 있습니다.

 

참고 사이트 입니다.

 

https://cloudless.blog/post/scroll-margin-top

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

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

glitter0gim
10개월 전

스크롤 로직을 담당하는 JavaScript 파일을 수정하거나,

댓글 ID로 이동하는 HTML 앵커 태그를 감지하여 스크롤 위치를 조정.

특히, 고정된 메뉴 높이를 고려하여 추가적인 offset 값을 적용하세요.

 

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

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

10개월 전

캡쳐해서 보여줄수있나요?

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

답변에 대한 댓글 1개

김준수사랑
10개월 전
제가 설명이 부족했나요...
해당 댓글창으로 이동되는데요...
사이트의 메뉴를 pixed 시켜놨더니 메뉴때문에 댓글이 안보입니다...
그래서 댓글부분으로 이동될때 상단에 여백을 좀더 주려고하는건데요...

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

웅푸
10개월 전

어디서 무슨 위젯을 말씀을 하시는지요 ? 댓글을 누루면 화면에 자동으로 해당댓글작성위치로 가야하는게 당연하지만 그러면 다른위치로 어디로가야하는지 질문을 이해할수가 없을듯 합니다. 좀구체적으로 관련 사이트정보와 함께 말씀해 주시기 바랍니다.

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

답변에 대한 댓글 2개

김준수사랑
10개월 전
제가 설명이 부족했나요...
해당 댓글창으로 이동되는데요...
사이트의 메뉴를 pixed 시켜놨더니 메뉴때문에 댓글이 안보입니다...
그래서 댓글부분으로 이동될때 상단에 여백을 좀더 주려고하는건데요...
웅푸
10개월 전
해당 요소에서 속성을 다음과 같이 추가해보시 바랍니다. 참고하세요
내가 떨어지겟다 한다면 >>> top:10px;

상대를 밀쳐서 떨어지겟다한다면 >> margin-top: 10px;

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

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

로그인