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

[ERLEDIGT] ID Tabs - Ansicht springt an Seitenanfang

rantanplan2000

Mitglied
Hallo,

ich möchte gerade eine Tabnavi bzw Tabs machen.
Jetzt ist das Problem, dass beim ersten mal aktivieren eines Tabs, die Ansicht an den Seitenanfang spring, wie beim neu laden. Ist nur beim ersten mal, wenn man neu auf der Seite ist.

Ansonsten bleibt es an der Stelle wo man einen Tab aktiviert hat, also nach "einem Sprung" beim ersten aktivieren. Was kann Abhilfe schaffen?

Hier mein fiddle Code:
https://jsfiddle.net/rantanplan2000/v6sLd0hf/

Vielen Dank
 
Werbung:
In Anbetracht der verschachtelten HTML-Struktur
HTML:
<div id="tabs-container">
    <ul class="tabs-menu">
      ...
    </ul>
    ...
</div>
in Kombination mit dieser CSS-Regel für das innere Element
CSS:
.tabs-menu {
   ...
    margin: 600px 0 0 0; /* = margin-top:600px */
}
ein deutliches Indiz für collapsing margins.

Stattdessen für das äußere Element
CSS:
.tabs-container {
   ...
    padding: 600px 0 0 0;
}
wäre in diesem Fall eines der probaten Gegenmittel.
 
Werbung:
Zurück
Oben