2016-06-16 7 views
0

Auf meiner Website (siehe here) verwende ich pure.css und die Navbar besteht aus mehr Elementen, als ein kleiner Bildschirm ohne Scrollen anzeigen kann. Daher erscheint in diesem Fall eine Bildlaufleiste, die ich nicht möchte. Ich möchte die Navbar oben bleiben, so dass die Navigationsleiste und der Inhalt gleichzeitig scrollt. Wenn ich Position verwende: absolut; alles sieht noch schlimmer aus. Auch die mobile Version dieser Navbar sollte immer noch funktionieren (auf mobilen Bildschirmen, obwohl die Navigationsleiste immer noch möglich ist).Wie entferne ich die Bildlaufleiste der purecss navbar?

Ich habe auch versucht, overflow-y zu deaktivieren, aber offensichtlich ist nicht jedes Element auf der Navigationsleiste anklickbar.

+0

Diese Frage wurde bereits beantwortet: http://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page#answer-25561646 – iomv

Antwort

2

Wenn Sie möchten, dass navbar und content gleichzeitig scrollen, sollten Sie nicht position:fixed verwenden.

  • entfernen position:fixed
  • hinzufügen float:left zum Menü div
  • float:right In dem Inhalt div

Wenn ich das falsch verstanden, was Sie wollen, sollte der Kommentar von Marco Valente schön.

+0

Perfekt, das war, was ich gesucht habe. Jetzt muss ich nur herausfinden, wie man den Raum unterhalb der Navbar mit der Hintergrundfarbe der Navbar füllt. – Corrumpo

+0

Sie sollten 'position: static' aus #menu entfernen, wenn das Menü div die aktive Klasse hat. – Raptack