保持在锚点#link的页面顶部

Question

我试图链接到打开特定引导导航选项卡的页面，我可以通过将选项卡 ID 添加到#link 中来实现这一点，例如：

www.mysite.com/apagewithtabs#tab2

这很好，除了页面向下滚动到 #tab2 出现的位置，我希望用户在加载时位于页面顶部。

我在 js/jquery 之后尝试了许多不同的变体，但绝对没有什么对我有用。

$(document).ready(function () {
  window.setTimeout(function () {
    $('html,body').scrollTop(0);
  }, 2000);
});

如果有人有任何想法我如何能够实现这个 id 真的很感激！

提前非常感谢！

Answer 1

在尝试了许多不同的方法后，这令人难以置信：

www.mysite.com/apagewithtabs#tab2#top

希望对某人有所帮助！

Answer 2

我建议改为通过查询附加您想要的信息，如下所示：

www.mysite.com/apagewithtabs?tab=tab2

然后使用这段代码来查看选项卡查询的值是什么：

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

var tab = getUrlVars()["tab"]; //tab is now the value of the tab query

部分代码由this answer.提供

然后您可以检查tab 变量的值并根据该值打开您想要的任何内容。示例：

switch (tab) {
    case 'tab1': /*...open tab 1 code...*/ break;
    case 'tab2': /*...open tab 2 code...*/ break;
}