bleiben oben auf der Seite auf Anker #link

Question

Im auf einer Seite mit einem bestimmten Bootstrap zu verbinden versuchen, nav-Tabs geöffnet, ich dies einfach, indem Sie die Registerkarte-ID in eine #link, zB erreichen kann:

www .mysite.com/apagewithtabs # tab2

Das ist großartig außer die Seite scrollt runter zu dem wo # tab2 erscheint, ich möchte, dass der Benutzer beim Laden oben auf der Seite steht.

Ich habe viele verschiedene Variationen dieser folgenden js/jquery ausprobiert, aber absolut nichts funktioniert für mich.

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

Wenn jemand irgendwelche Ideen hat, wie ich in der Lage sein könnte, dieses ID zu erreichen, wirklich schätzen es!

Vielen Dank im Voraus!

Answer 1

Nach vielen verschiedenen Methoden unglaublich versuchen, dies funktioniert:

www.mysite.com/apagewithtabs#tab2#top

Hoffe, dass es jemand hilft!

Answer 2

Ich würde empfehlen, die Informationen anhängt Sie über eine Abfrage statt wollen, etwa so:

www.mysite.com/apagewithtabs?tab=tab2

Dann diesen Code verwenden, um zu sehen, was den Wert der Registerkarte Abfrage ist:

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 

Teilcode mit freundlicher Genehmigung von this answer.

Sie können dann überprüfen Der Wert der tab Variable und öffnen Sie das, was Sie wünschen basierend auf dem Wert. Beispiel:

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