내부 링크 깨는 내부 링크

저는 콘텐츠와 바닥 글 사이에 헤더가있는 웹 사이트 (Wordpress)에서 작업하고 있습니다. 그러면 원하는대로 표시 될 수 있습니다. 코멘트 내부 링크를 사용하려고 시도 할 때까지 이것은 완벽하게 작동했습니다.내부 링크 깨는 내부 링크

내부 주석 링크를 클릭하면 주석이있는 곳으로 화면을 이동하는 대신 내용 영역을 위로 이동 (머리글을 통해)합니다. '1 Comment'를 클릭하면 여기에서 동작을 볼 수 있습니다 : http://peterbooker.com/blog/. 블로그 페이지 또는 특정 게시물 페이지에서.

CSS를 사용하여이를 방지 할 수있는 방법을 찾을 수 없지만 JavaScript 및/또는 다른 것을 사용하여이를 방지 할 수있는 방법이 있습니까?

저는이 작업을 정말로하고 싶습니다. 도움/조언 /지도에 감사드립니다. 좋아

출처

2012-08-14 Peter Booker

문제를 일으키는 것으로 생각되는 코드를 게시하십시오! –

모든 것이 나에게 좋을 것 같습니다. '1 개의 댓글'을 클릭하면 블로그 게시물이없는 댓글 페이지로 이동합니다. –

블로그 게시물이 있습니다. 헤더 바로 아래에 있습니다 (페이지 위쪽). 이는 의도하지 않은 동작입니다. –

, 당신의 CSS는 정말 이상한,하지만 당신은의 문제 해결할 수 있습니다 :

제거 오버플로 : 숨겨진; main에서 사용하고 div를 사용하여 보조 div 후에 부동을 지 웁니다.
패딩 바닥 전체 제거 : 5000px; margin-bottom : -5000px; 2 차에서 ... 그것은 말이되지 않습니다.

그리고 나서 제대로하기 위해 바이올린을 칠 수 있습니다. 하지만 숨겨진 오버 플로우가 여기에 문제를 일으키고 있습니다.

출처

2012-08-14 14:50:45 riku

감사합니다. 나는 이것을 줄 것이다. 참고로, 큰 여백과 여백은 사이드 바가 내용 영역만큼 길다는 착각을 불러 일으킨다. 매우 유용합니다! –

네,하지만 그 일을 돌아 다니며 정말로 오버 플로우를 사용해야 만한다는 것은 정말 이상합니다. 귀하의 사이트를 해독합니다. 오래 걸린다는 착각을 일으키는 일반적인 기법은 기본 div와 보조 div 모두를 포함하는 상위 div에 대한 배경 이미지 (경우에 따라 올바른 위치에 배치 된 선)를 사용하는 것입니다. – riku

수정 사항이 완벽하게 적용되었습니다. 감사합니다. 나는 여백/패딩 트릭을 계속 사용하는 방법을 찾고자 시도 할 것이고, 이미지를 사용하는 것을 피할 수있는 모든 기회가 좋다. –

내부 링크 깨는 내부 링크

답변

관련 문제