在加载w/JQuery的新页面上滚动到片段标识符？

Question

我试图看看它是否可能有一些简单的HTML标记,如下所示:

<a href="www.mysite.com/pageXXX#location1"></a>
<a href="www.mysite.com/page1#location1"></a>
<a href="www.mysite.com/page2#location1"></a>
<a href="www.mysite.com/page3#location1"></a>

...然后,#location1当新页面加载某种简单的JQuery脚本时,让它向下滚动到ID ？或者,如果这是使用scrollTo插件可以实现的东西,我该怎么做呢？

问题是pageXXX上存在链接,要滚动到的ID在所有页面上,即.pageXXX,page1,page2,page3等......理想情况下,如果还有一种方法可以从URL中删除哈希标记和标识符,那也很好,但此刻只需将其平滑地向下滚动到新页面上的ID就是我所追求的.

Answer 1

你可以添加一个setTimeout,等待一点然后向下滚动？

function goToByScroll(id){
        $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
var hash = window.location.hash;

setTimeout(function(){
      goToByScroll(hash);
},2000);