Hauptmenü und Logo oben fixieren und Logo nach Scrollen verkleinert
Eingetragen von DrupalFan (1646)am 15.05.2017 - 19:26 Uhr in
In einem Drupal 8 Theme soll es oben ein waagrechtes Hauptmenü geben (über die ganze Seitenbreite) mit einem Logo.
Beim Scrollen nach unten soll das Hauptmenü samt Logo oben fixiert bleiben wobei beim Runtercrollen das Logo kleiner wird und der verkleinerten Version oben zusammen mit dem Hauptmenü fixiert bleibt.
Wo findet man dafür Beispiele für die Realisierung?
Und wie erreicht man, dass das Logo sich schön verkleinert auf etwas mehr als die halbe größe?
Danke.
- Anmelden oder Registrieren um Kommentare zu schreiben
Sticky
am 15.05.2017 - 23:42 Uhr
Zum Fixieren: https://www.drupal.org/project/sticky
Logo verkleinern geht per CSS incl. transitions. Es braucht halt für jeden Zustand eine Klasse.
Gruß
kissmedve
Super Tippp
am 16.05.2017 - 10:59 Uhr
Danke, das Sticky klingt echt gut. Super Tipp!
Vielleicht findet sich noch ein Beispiel-Code für das Verkleinern des Logos.