앵커 태그에 직접 페이지로드

Question

URL에 해시 태그가있는 페이지를로드하면 페이지가로드 된 다음 앵커 태그로 이동합니다. 앵커 태그에 페이지를 직접로드하거나 최소한 스크롤을 부드럽게 만드는 방법으로이 "점프"를 방지 할 수 있습니까?

Chrome 및 Firefox에서는이 문제가 발생하지만 IE에서는 발생하지 않습니다.

Answer 1

당신은 여전히 ​​당신이 jQuery로 뭔가 할 수 점프 문제가 발생하는 경우 : 이것은 단지 페이지로드 당 한 번만 작동합니다

//Use a RegEx pattern to search for an id, if present 
var pattern = new RegExp('\#(.*)'); 
var id = pattern.exec(window.location)[0].replace('#',''); 
//Prevent the browser's default behavior of jumping to the id 
document.location = '#'; 
//When the page finishes loading, smoothly scroll to the specified content 
$(document).ready(function() { 
    if(id != "") { 
     $('html,body').animate({ 
      scrollTop: $('#' + id).offset().top, 
     }, 650); 
    } 
}); 

참고.