고정 헤더, 헤더 뒤에 숨겨진 내용, 여백 및 위쪽 패딩이 작동하지 않는 상태로 스크롤하십시오.

Question

내 사이트를 탐색 할 때 smoothscroll.js를 사용하고 있습니다. Firefox에서는 올바른 앵커에서 멈 춥니 다. 그러나 Chrome에서는 링크의 첫 번째 클릭에서 포인트를 전달하고 페이지 위로 내용을 숨기고 내용을 맨 뒤에 밀어 넣습니다. 그런 다음 다시 클릭하면 제대로 정렬됩니다. 나는 다른 사이트에서도 문제를 보았다. 다른 사람들이 같은 문제를 겪고 있는지 궁금합니다. Chrome은 상단의 여백 또는 여백 또는 위치를 무시합니다 (예 : 상단 : 20 %;).

Answer 1

해결 : 사용할 수있는 여러 가지 방법이 있습니다 http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

.

Answer 2

이것은 헤더 html5 요소를 사용하는 새로운 WordPress 테마 때문일 수 있습니다. 내 헤더를 div로 변경했는데 정상적으로 작동했습니다.

Answer 3

나는이를 위해 Local Scroll (JQuery)을 사용했습니다.

그것은 당신이 최고 이러한 방법의 #target가 상관 관계가 어떻게 문제 인식하지 못했습니다

$.localScroll({ 
    offset: -100 
});