Javascript 引导3个选项卡-从其他页面链接

我有以下代码，可以从另一个页面链接到特定选项卡。唯一的问题是，当点击链接时，页面被加载，然后向下滚动到DIV所在的位置。我希望它只加载顶部的页面

任何帮助都将不胜感激

<script type="text/javascript">
$(function() {
  // Javascript to enable link to tab
  var url = document.location.toString();
  if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
  }

  // Change hash for page-reload
  $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
    window.location.hash = e.target.hash;
  });
});
</script>

$（函数（）{
//启用链接到选项卡的Javascript
var url=document.location.toString（）；
if（url.match（'#'））{
$（'.nav tabs a[href=#'+url.split（'#'）[1]+']）.tab（'show'）；
}
//更改页面重新加载的哈希
$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（e）{
window.location.hash=e.target.hash；
});
});

返回到带有选项卡的页面的超链接如下所示

<a href="../view_mail/#two" class="btn btn-theme">Close</a>

非常感谢,

---

John

可能有更好的方法，但请尝试在单击后滚动到顶部

$( "body" ).scrollTop(0);

---

不幸的是，以下措施可能不起作用：

e、 预防默认值（）

（）

上述方法无法解决问题，因为我认为preventDefault不适用于更新location.hash（）

或者，您可以使用scrollTop方法，但使用此方法可能会临时看到滚动跳转：

$（“正文”）.scrollTop（0）

---

在现代浏览器中，可以使用历史Api（）。

如果阻止默认事件，哈希将不会附加到url。如果使用scrollTop“hack”，用户可能会遇到故障。尝试使用历史API：

history.pushState(null, null, '#myhash');

if(history.pushState) {
    history.pushState(null, null, '#myhash');
}
else {
    location.hash = '#myhash';
}

我是从以下方面得到的：