jQuery가 앵커보다 100px로 점프합니다.

Question

앵커가 페이지 상단에 위치하도록 창을 이동하는 대신 페이지 맨 아래로 100px가되도록하고 싶습니다. 나는 움직이기를 원하지 않으며, 나는 두 번 뛰지 않았다.

나는 일반적인 해결책이되고 싶습니다. 이것은 내가 시도했지만 작동하지 않는 것입니다

...

$("a.inpage").click(function (e) { 
    e.preventDefault(); 
    $(":target").each(function() { 
     var targetpos = $(this).position(); 
     var scrollpos = targetpos.top - 100; 
     window.scrollTo(0,scrollpos); 
    }) 
} 

감사합니다, 다윗은

Answer 1

: 대상 CSS3 선택기 ID가 URL의 일부 요소를 일치 . 하지만 당신은 ev.preventDefault()를 사용하고 그래서 당신은 링크를 따라하지 않고 URL 무엇입니다

$("a.inpage").click(function (e) { 
    e.preventDefault(); 
    var targetpos = $($(this).attr('href')).position(); // note this line 
    var scrollpos = targetpos.top - 100; 
    window.scrollTo(0,scrollpos); 
}