• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anker Link soll Ansicht im Browser nicht verändern

M

mote

Mitglied
Hallo,

habe mir folgendes Tab Menü angesehen. http://css-tricks.com/examples/CSSTabs/#box-fourteen

Jetzt hätte ich eine Frage auf die ich im Web leider nichts gefunden habe.

Gibt es eine Möglichkeit die Funktionalität des Anker Links zu verändern / zu unterbinden?
Und zwar das Springen an einen bestimmten Punkt. Denn wenn ich einen Link des Tab Menüs anklicke, springt der Autofokus des Browsers (oder was auch immer) direkt auf diesen Link. Ist natürlich genau dafür da, jedoch stört es bei dieser Verwendung eher.

Hat davon schonmal wer gehört? Gibt es dafür eventuell ein JavaScript?

LG
 
Werbung:
Werbung:
würde mit css3 gehen, aber jquery ist die bessere wahl. einfach mal googeln.
Zum Vergrößern anklicken....

Hättest du einen Link zu der css3 Variante? Habe leider auch nichts für jquery gefunden :(

Hmm aber dann muss man doch das ganze bootsramp importieren oder?
 
Ja, du musst dazu Bootstrap einbinden. Und?

Ansonsten musst du selber etwas mit jQuery bauen. Beim Klick auf einen Tab wird der dazugehörige Container ein- und die anderen ausgeblendet.
 
Werbung:
Ah das werde ich mir gleich ansehen! Vielen Dank.

Derweil habe ich folgende js Lösung gefunden.

Code: 
<scriptlanguage="JavaScript"type="text/javascript"><!--function keepLocation(oldOffset){if(window.pageYOffset!=null){
st=oldOffset;}if(document.body.scrollWidth!=null){
st=oldOffset;}
setTimeout('window.scrollTo(0,st)',1);}//--></script>




<a href="#tab1"onclick="keepLocation(window.pageYOffset);">Item</a>
 
Das ist ganz was anderes.

Willst du nun bei Klick zu einem Anker scrollen oder Content innerhalb eines Containers laden?
 
Content Laden. Der oben verlinkte Blogeintrag erklärt das Ganze rund um das Tab Menü genauer ;)
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben