保持在頁面頂部的錨#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

回答

相關問題