Question

我正在为我的一页个人资料进行此个人项目，但找不到我要搜索的结果。首先，我非常不熟悉JavaScript，并且在w3schools上找到了这些代码。

回到问题所在，当我访问另一个标签时，如何使标签页滚动回到顶部？

示例（请参见下面的JSFiddle）：我将Tab 1滚动到底部，然后访问Tab 2，当我回到Tab 1时，它已经滚动回到顶部。

请帮助：（

function btns(evt, btnName) {
  var i, containerMain, tablinks;
  containerMain = document.getElementsByClassName("containerMain");
  for (i = 0; i < containerMain.length; i++) {
    containerMain[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(btnName).style.display = "block";
  evt.currentTarget.className += " active";
}

document.getElementById("defaultOpen").click();

Answer 1

看着您的JSFiddle，当您说“制表符”时，您似乎意味着隐藏的div元素。

first_name = x['firstName']和scrollLeft控制HTML元素的滚动位置。

将此代码添加到您的btns函数中：

scrollTop

Answer 2

我认为您正在寻找的是window.scrollTo()。

提供适当的坐标，并在每次切换标签时调用它。

例如，在切换选项卡时调用的例程的顶部：window.scrollTo(0,0);。 window是浏览器中的全局对象。

例如，您也可以在标签页上使用scrollIntoView。

如何使用JS使选项卡式页面回到顶部？

2 个答案: