Navigation (Website) fest oder nicht?

Findet ihr es besser, wenn die Navigation beim Scrollen am oberen Bildschirm fixiert bleibt? Oder wenn sie beim Scrollen verschwindet und man wieder hoch scrollen muss, um zur Navigation zu kommen?

Bei großen Webseiten ist es natürlich praktischer, wenn die Navigation fixiert ist, aber meine ist sehr klein und hat keine langen Seiten. Und eine fixierte Navigation nimmt dann Platz weg. Was würdet ihr machen? (Kann die Website noch nicht zeigen)

1 Antwort

number11

29.07.2020, 11:19

Das ist eine use-case Frage, wie du es ebenfalls bereits angemerkt hast.

Bei manchen Seiten macht der Sticky Header schon Sinn, vor allem wenn man unendlich weit nach unten scrollen kann (Infinite Scroll).

Wenn du allerdings nur statische Seiten hast, spricht nichts gegen ein Menü, welches nicht mitscrollt.

Hi,

ich habe oben eine Navigation mit CSS und HTML, aber möchte, das sie da oben auch stehen bleibt sobald ich runter srcolle, als wäre sie ein festes Element. Meine CSS Datei ist ziemlich lang. Was bzw. wo muss ich das dann eintragen?

...zur Frage

HTML CSS - Bild beim Scrollen verschwinden lassen?

Hey,

auf der Website " https://instagrambusiness.funnelcockpit.com/anleitung-sale-landing-page-2/ "verschwindet oben das Bild mit dem Diamand, desto weiter man nach unten scrollt. Allerdings nicht auf die normale Art, sondern mit irgendeinem Effekt. Das heißt das schwarze Bild darunter setzt sich auf das "Diamand-Bild".

Wie geht das?

Liebe Grüße

...zur Frage

Wie gestalte ich ein Storyboard für eine Website?

Wie gestalte ich ein Storyboard für eine Website bzw. eine App? Muss ich mir da wirklich alle Webseiten der Website / App zeigen, oder suche ich mir einen bestimmten Weg aus, wie ich von der Startseite aus wohin komme? Die Aufgabenstellung meines Lehrers ist mir leicht unklar. :D

Viele Grüße, missundercoverf

...zur Frage

Div soll beim scrollen am Bildschirmrand fixiert werden?

Hallo,

Ich habe ein Div, welches unter einem anderen Div liegt. Wenn ich nun scrolle, soll das Div, sobald es am oberen Browserrand ist, dort fixiert sein. Ich habe folgenden Code ausprobiert, aber leider funktioniert dieser nicht:

.fixed {position: fixed; top:0; }

Kann mir jemand helfen, was an dem Code falsch ist? Kenne mich leider nicht so sehr mit Javascript aus.

Vielen Dank im Voraus

...zur Frage

Warum wird meine Wordpress-Website im Internet Explorer nicht korrekt angezeigt?

Moin!

Ich habe eine Website auf Wordpress-Basis erstellt, die auf allen Browser wunderbar funktioniert mit Ausnahme des Internet Explorers. Zum einen verschwindet das Logo teilweise beim Scrollen und zum anderen stürzt der komplette Internet Explorer manchmal ab, wenn ich die Seite lade. Habt ihr irgendwelche Ideen oder wisst woran die Fehler liegen könnten?

Die Seite heißt muttersbach.de

Vielen Dank im voraus!

...zur Frage

Bestimmten Bereich in Excel fixieren?

Hi, ich kenne die Funktionen Fenster Teilen und das man die obersten oder rechtesten Zeilen fixieren kann. Hab damit auch schon ein wenig rumprobiert, hilft mir aber leider nicht. Also folgendes:

Ich habe auf der linken Hälfte eine Tabelle, wo regelmäßig neue Werte eingetragen werden. Dies Werte werden dann in einer Tabelle auf der rechten Seite ausgewertet. Links scrolle ich jetzt immer weiter runter, der Auswertungsbereich auf der rechten Seite verschwindet also irgendwann. Will ich also die neuen Ergebnisse der Auswertung sehen, muss ich immer weiter nach oben scrollen und dann wieder nach unten um die nächsten Ergebnisse einzutragen.

Gibt es eine Möglichkeit, dass ich die rechte Hälfte komplett fixiere? Beim Teilen des Bildschirms wird im rechten Bereich nur das scrollen von links nach rechts fixiert, das scrollen nach oben und unten läuft immer noch über beide Fensterhälften hinweg synchron.

In den oberen Bereich packen und den dann fixieren geht auch nicht, da der Auswertungsbereich über die gesamte Höhe des Fensters geht.

Würde mich über (kreative) Ideen freuen.

...zur Frage

CSS-Hintergrund fixed auf Mobilgeräten?

Hallo zusammen,

auf meiner Website habe ich ein Hintergrund eingebunden, welches mit background-attachment:fixed; beim Scrollen fixiert ist. Auf Mobilgeräten wird das aber anscheinend nicht erkannt, sodass das Bild dort verzerrt ist.

Im Internet konnte ich bis jetzt nichts finden, außer, dass es nicht erkannt wird. Einen guten Lösungsvorschlag konnte ich nicht finden. Deshalb hoffe ich, dass ihr mir helfen könnt. Vielen Dank schonmal für alle Antworten!

Hier noch ein Ausschnitt aus meinem Code:

body {
  background-image: url("../../img/Tardan99x.jpg");
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

...zur Frage

Navbar in Css und Html drehen?

Ich möchte die Navigationsleiste drehen, damit sie wie auf diesem Bild aussieht. Der Titel „SafenSound“ sollte in der oberen linken Ecke sein, die „Künstler“ sollten in der oberen rechten Ecke um 90 Grad gedreht sein, die „Info“ sollte in der unteren linken Ecke um -90 Grad gedreht sein und die „Tickets“ sollten wieder normal in der unteren rechten Ecke sein. Und ich möchte auch, dass die Navigationsleiste fixiert wird, damit die Navigationsleiste beim Scrollen immer noch da ist

Derzeit sieht mein CSS so aus:

.StartseiteNav{

position:fixed;

}

.ArtistsNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(90deg);

}

.InfoNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(-90deg);

}

.TicketsNav{

position:fixed;

}

...zur Frage

Chrome: Beim Laden einer Website verschwindet der Scroll-Balken. Warum?

Hallo, neuerdings verschwindet bei meinem Chrome-Browser noch während des Ladens einer Webseite die Bildlaufleiste, so dass ich die Seite nicht scrollen kann. Erst nach dem ich die Seite ein zweites mal geladen habe, bleibt auch der Scroll-Balken. Gerade etwas nervig. Mir ist aufgefallen, dass dieses Problem vorwiegend (aber nicht nur) auf Seiten von Online-Zeitungen auftaucht. Habe lange geschaut, woran es liegen könnte, aber hab nichts gefunden. Wer kennt dieses Problem und kann helfen? Vielen Dank im voraus! ;)

...zur Frage

Excel: Lange Spalten kompakter darstellen?

Ich muss in Excel viele Wertepaare verarbeiten, die in zwei benachbarten Spalten gegenüber gestellt werden. Pro Datenreihe ergeben sich mehrere zehntausend Zellen. Gibt es nun eine Möglichkeit diese sehr langen Datenreihen irgendwie kompakter darzustellen, sodass nicht immer die gesamte Spalte sichtbar ist? Also so, dass ich schnell vom oberen Ende des Arbeitsblattes zum Unteren komme ohne ewig scrollen zu müssen?

...zur Frage

Webseiten Aufbau...Div Blöcke nebeneinander?

Hallo

Ich bin dabei eine Seite aufzubauen die aus mehreren Div Blöcken besteht ...Siehe Bild

Ich stehe vor einem Problem ...wie schaffe ich es drei Div Blöcke nebeneinander zu positionieren ....

div.Navigation | div.Content | div.Informationen

...kann mir da jemand helfen

Das ganze mache ich in ASP.NET ...sollte aber eigentlich egal sein weil das ja nur mit HTML und CSS zu tun haben muss

gruß .w.t

...zur Frage

Läuft bei euch GuteFrage auch hakelig?

Bei mir hakt es ständig auf der Website. Ein Flüssiges scrollen und schreiben ist nicht möglich. Ich dachte erstmal, es hängt mit meinem PC zusammen aber auf anderen Webseiten läuft der Browser flüssig. Browser: Chrome.

...zur Frage

Bezeichnung der Leiste am oberen Rand einer Website?

Hallo zusammen,

Ich baue aktuell eine Website mit HTML. Ich wollte eine Komponente einbauen, jedoch fällt mir die Bezeichnung nicht ein.

Nehmen wir als Beispiel einen Bestellprozess als Beispiel:

Ihr kennt mit Sicherheit, die Leiste am oberen Rand, das meistens wie ein Pfeil nach fechts dargestellt ist und dem Nutzer zeigt, wo er sich befindet und was als nächstes kommt.

Produktliste > Lieferadresse > Zahlung > Bestätigung > Abgeschlossen

Man kann diese Elemente nicht anklicken. Sie zeigen lediglich wo man sich befindet und was als nächstes kommt.

Das hat eine Bezeichnung, das mir nicht einfällt. Das wollte ich über Google suchen und das in die Website einbauen.

Freue mich auf eure Hilfen.

...zur Frage

Wie programmiere ich den Übergang von Header Leiste zur Navigationsleiste (Html, css, Javascript)?

Also folgendes Problem.. Ich hätte gerne ganz oben einen Header, der zu sehen ist, bis man hinunterscrollt und das obere Ende der Navigationsleiste erreicht, wie erreiche ich es, dass die Headerleiste dann verschwindet und die Navigationsleiste fixiert am oberen Rand bleibt (Es soll so ein Übergang sein) ; ich hoffe ihr wisst wie ich mir das vorstelle.

Mich würde es sehr freuen, wenn mir jemand diesbezüglich eine hilfreiche und passende Antwort geben könnte und schon mal im Voraus freundliche Grüße :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen