如何在pageload上显示页面的顶部？

Question

我有两个html页面。page1.html和page2.html。我想点击第1页中的href，我想转到page2.html，但页面顶部是特定的div。

第1页

<li><a href="page2.html#profileData">Profile View</a></li>

第2页

<div id="profileData"> </div>

只有单个页面包含许多div。我希望在page2.html页面打开时，页面顶部会显示ProfileData div。

如何使用jQuery或JavaScript执行此操作？

Answer 1

href="page2.html#profileData"，此函数将滚动到元素#profileData

$(function(){
  // get hash value profileData
  var scrolldiv = window.location.hash;
  // now scroll to element with that id
  $('html, body').animate({ scrollTop: $(scrolldiv).offset().top });
});