Chrome 및 Safari에서 window.scrollBy 해시/앵커 스크롤 전에 발생합니다.

Question

여기 좌절스러운 문제가 있습니다. 내가 jQuery를로드 블록의 내부에 스크립트에 다음을 사용 : 나는 스크롤을 통해 페이지의 상단에 고정 될 사업부를 설정하기 때문에 내가 할

window.scrollBy(0,-100); 

,이 라인은 그래서 보상됩니다 앵커 당신 (http : //page.html#foo)를 클릭하면 클릭해야합니다.

Firefox에서 잘 작동합니다. 브라우저가 앵커로 스크롤하기 전에로드 이벤트가 발생하기 때문에 Chrome 및 Safari에서는 그렇지 않습니다.

제안 사항?

Answer 1

나는 같은 문제에 직면했고, 이것이 나의 운동이다. (실제 해킹)

// Clicking on the navigation bar 
$('.navbar-nav a').click(function(e) { 
    // Blocking default clicking event 
    e.preventDefault(); 
    // Scroll to the anchored element with a delay 
    setTimeout(function() {$('#talks')[0].scrollIntoView();}, 5); 
    // Compensate the scrolling with another delay 
    setTimeout(function() {scrollBy(0, -$('#info').height())}, 10); 
} 

사파리 버그 인 것 같습니다.

Answer 2

또한이 문제를 발견했습니다. 타임 아웃을 사용하면 0ms에도 눈에 띄는 점프가없이 작동하는 것 같습니다. 이 시도 :

window.setTimeout() 
{ 
    window.scrollBy(0, -100); 
}, 0);