Navigation stehen lassen

[Achot]

Hallo,

irgendwie verstehe ich es nicht. Ich möchte gerne meine Navigation beim scrollen stehen lassen. Wie es z.B. auf der Seite https://www.video2brain.com/de/ umgesetzt wurde. Eigentlich kein Problem dachte ich. Folgende Zeile habe ich meinem Header hinzugefügt

position: fixed;

Auf dem PC alles OK. Schau ich es mir auf dem Handy an, bleibt die Navigation NICHT stehen. Zuerst dachte ich, dass es mein Fehler ist, aber bei der oben genannten Seite bleibt die Navigation auf dem Handy ebenfalls nicht stehen.

Gehe ich auf http://www.startplatz.de/ bleibt die Navigation sowohl auf dem Handy als auch auf dem Desktop stehen. Also kann es kein Handybrowser Problem sein?

Ich habe ein Androide Handy und nutze den Google Chrome.

[TS]

Hallo und guten Morgen,

irgendwie verstehe ich es nicht. Ich möchte gerne meine Navigation beim scrollen stehen lassen. Wie es z.B. auf der Seite https://www.video2brain.com/de/ umgesetzt wurde. Eigentlich kein Problem dachte ich. Folgende Zeile habe ich meinem Header hinzugefügt

position: fixed;

Gib uns doch einfach mal eine URL auf eine deiner Testseiten - der Einfachheit halber mit Insite-CSS. Das würde das Ganze Rätselraten vereinfachen.

Grüße
TS

[Achot]

Hallo,

Gib uns doch einfach mal eine URL auf eine deiner Testseiten - der Einfachheit halber mit Insite-CSS. Das würde das Ganze Rätselraten vereinfachen.

http://codepen.io/anon/pen/BpmqNr du hättest auch einfach auf die https://www.video2brain.com/de/ schauen können, denn da ist genau das gleiche Problem.

[TS]

Hallo und guten Tag,

http://codepen.io/anon/pen/BpmqNr du hättest auch einfach auf die https://www.video2brain.com/de/ schauen können, denn da ist genau das gleiche Problem.

Welche Position soll denn der Header beibehalten?

header {
    background: #efefef;
    position: fixed;
    width: 100%;
    margin:0;
    padding: 0;
}

Grüße
TS

[Achot]

Hallo,

Welche Position soll denn der Header beibehalten?

header {
    background: #efefef;
    position: fixed;
    width: 100%;
    margin:0;
    padding: 0;
}

die er gerade hat.

[TS]

Hallo und guten Morgen,

Welche Position soll denn der Header beibehalten?

header {
    background: #efefef;
    position: fixed;
    width: 100%;
    margin:0;
    padding: 0;
}

die er gerade hat.

Auch eine Idee. Nur, wissen das die Browser auch, dass sie das selber bestimmen dürfen, an welchen Koordinaten der Herder erscheinen darf? Versuchs mal mit einer Festlegung, z. B. mittels top: 0; und left: 0; ;-)

Grüße
TS

[Achot]

Hallo,

Auch eine Idee. Nur, wissen das die Browser auch, dass sie das selber bestimmen dürfen, an welchen Koordinaten der Herder erscheinen darf? Versuchs mal mit einer Festlegung, z. B. mittels top: 0; und left: 0; ;-)

bringt auch nichts.

[MudGuard]

Hi,

Auch eine Idee. Nur, wissen das die Browser auch, dass sie das selber bestimmen dürfen, an welchen Koordinaten der Herder erscheinen darf?

Dürfen sie ja gar nicht. Wenn die Werte für left, top, right, bottom nicht explizit angegeben werden, gelten deren definierte Default-Werte.

Wobei Herder im eigenen Verlag erscheinen wird ;-)

cu,
Andreas a/k/a MudGuard

[Matthias Apsel]

Hallo MudGuard,

Auch eine Idee. Nur, wissen das die Browser auch, dass sie das selber bestimmen dürfen, an welchen Koordinaten der Herder erscheinen darf?

Dürfen sie ja gar nicht. Wenn die Werte für left, top, right, bottom nicht explizit angegeben werden, gelten deren definierte Default-Werte.

… welche durchweg auto sind.

Bis demnächst
Matthias

[JürgenB]

Hallo,

position: fixed;

lässt bei mit die Navi oben stehen, auch auf dem Smartphone. (Das teilweise Ausblenden mach ein kleines Javascript.)

Gruß
Jürgen