채택완료

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

2025-01-01 (수) 19:35:12 1,757

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

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

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

|

답변 4개 / 댓글 3개

채택된 답변
+20 포인트
2025-01-02 (목) 09:43:30

https://sir.kr/g5_tip/23380

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

2025-01-02 (목) 09:28:08

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

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

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

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

참고 사이트 입니다.

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

2025-01-01 (수) 19:54:53

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

답변에 대한 댓글 1개

2025-01-01 (수) 20:04:50
제가 설명이 부족했나요...
해당 댓글창으로 이동되는데요...
사이트의 메뉴를 pixed 시켜놨더니 메뉴때문에 댓글이 안보입니다...
그래서 댓글부분으로 이동될때 상단에 여백을 좀더 주려고하는건데요...
2025-01-01 (수) 19:45:42

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

답변에 대한 댓글 2개

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

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

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