保持在页面顶部的锚#LINK

林试图与一个特定的自举NAV-选项卡中打开链接到一个网页，我可以简单地通过添加标签ID为#LINK实现这一目标，例如：保持在页面顶部的锚#LINK

WWW .mysite.com/apagewithtabs＃tab2

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

我试过很多不同的这个js/jquery的变体，但绝对没有什么是为我工作的。

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

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

非常感谢提前！

来源

2016-07-29 jimmywiddle

尝试许多不同的方法后，令人难以置信的工作的：

www.mysite.com/apagewithtabs#tab2#top

希望它可以帮助别人！

来源

2016-07-30 02:29:13 jimmywiddle

您应该将此答案标记为已接受，所以如果他们需要帮助，将会保证看到更多答案！ – TrampolineTales

我建议追加你通过查询要代替的信息，像这样：

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.

然后您可以检查变量的值，并根据值是什么打开你想要的任何东西。例如：

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

来源

2016-07-29 12:16:00 TrampolineTales

非常感谢您的帮助，虽然在这里仍然没有运气。我已经放置了<？php echo $ tab; ？>在页面中，但是这是空的。目前我也不知道js代码打开特定的引导选项卡？ – jimmywiddle

保持在页面顶部的锚#LINK

回答

相关问题