위젯의 새로운 댓글 이동시 상단 메뉴에 가려지는 현상
CMS/프레임워크 | XE 1.x |
---|---|
개발 언어 | PHP 5.x |
안녕하세요. 제가 검색 능력이 부족해서 그런지 몰라도 도통 알기가 어려워서 처음으로 질문 게시판에 조언 구하고자 글 써봅니다.
지금 사이트는 코미님의 Simplestrap 레이아웃을 쓰고 있는데 사이드바의 위젯을 레이아웃에서 제공해 줘서 편하게 잘 쓰고 있거든요. 근데 이 위젯의 새로운 댓글을 클릭해서 이동시 상단 메뉴에 가려져서 닉네임과 글 내용 윗 부분이 안보이는 현상이 발생합니다.
이해하기 쉽게 이미지 좀 짤라 왔습니다.
1. 위젯의 새로운 댓글을 클릭하면
2. 페이지가 전환되면서 클릭한 댓글로 이동이 되는데 보시는 바와 같이 상단메뉴에 의해 가려집니다.
3. 근데 XETOWN은 위젯의 댓글 클릭시 위와같이 잘 나오더라고요.
예전에 저와 비슷한 질문을 하신 분이 있어서 글도 링크 걸어놨고요.
https://xetown.com/questions/666259
이 글에선 해결책이 없다고 했는데 XETOWN은 되는걸 보니 무슨 방법이 있지 않을까 싶어
조언 구하고자 글 남겼습니다. 혼자서 며칠 찾았는데 도통 루트를 못 찾겠더라고요.
저 상단 메뉴에 가려지는 현상은 스크롤시 상단 메뉴가 쫓아오게 해둔 옵션이 있어서 가려지는 거였고
레이아웃에 들어가서 상단 메뉴 따라오기를 끄면은 제일 위에 댓글과 내용이 나오긴 했습니다.
그래서 페이지 이동시에 상단 메뉴에 안 가려지게 하려면 상단 메뉴의 픽셀만큼을 올려서 경로에 이동하게끔
설정해주면 되지 않을까 추측중인데 어디파일에 어떤 소스를 넣어야 할지는 모르니 혹시 아시는 분 있으면
조언좀 부탁드리겠습니다.
CMS는 XE 쓰고있고 1.11.6 버전 쓰고 있습니다.
댓글 12
jQuery의 animate 메소드를 응용하시는 것도 좋을 것 같아요.
페이지 안에서 이동하는거면 윤삼님이 쉬운 처리이긴 한데
다른 페이지에서 넘오는 아이디링크는 라둥이님의 말씀처럼 해야 안전합니다.
오오, 타운은 :target:before로 처리가 돼 있네요?
이걸로
공간위치 확보를 하는 모양입니다.처음 보는 거라 신기하네요ㅋㅋㅋ
content: "";
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
질문자님도 참고해보시면 좋을 것 같아요.
.comment_list:before, :target:before {
content: "";
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
공간이 있으면서도 없는 형태네요
제가 최근에 본 팁중에 최고인거 같습니다. 넘 좋네요.
역시 아이디어는 무궁무진하구나.
신선하고 신기한 충격!