Logo-Größe ändern beim scrollen?

  • Gibt es ein Script, welches die Größe eines feststehenden Logos ab einer bestimmten Scrolltiefe (z.B. ab 300px nach unten scrollen) verkleinert (zum Beispiel 50%)?
    Das würde hier helfen, dass das Logo nicht so weit in den Inhaltsbereich ragt: http://www.hbr-hamburg.de (erstellt mit ZP13, Layout Stripe Responsive).

  • Da würde ich dieses Logo lieber in den Banner-Bereich einfügen, so dass es dann aus dem Bild scrollt. Alternativ müsste man das Logo entsprechend von einem Grafiker adaptieren lassen. Wenn man dieses Logo kleiner mach, kann man den Text im Logo ja nicht mehr lesen, warum also nicht den Text gleich entfernen…?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Danke, ja sichtbar bleiben soll es schon.
    Es wäre auch hilfreich, wenn ein zweites, also ein anderes, kleines Logo ohne den Schriftzug "Hanseati..." erscheinen würde.
    Aber ich denke, bis 70 - 80% Verkleinerung könnte man es noch gut lesen.

    In einem anderen Blogbeitrag wurde die Website von Ritter Sport erwähnt, dort wird das Logo ebenfalls beim runtertscrollen so verkleinert, dass es im Hauptcontent nicht stört. Sehr schön gelöst: http://www.ritter-sport.de

    Einmal editiert, zuletzt von halloTAXI (14. Dezember 2016 um 17:39)

  • Hallo,
    so wie von Herrn S beschrieben habe ich es auf der Seite code.zella.de umgesetzt.
    Zusätzlich habe ich dort ein kleineres andersfarbiges Logo platziert welches ab einer bestimmten Scrollposition eingeblendet wird.


    Ich habe deinen Beitrag mal zum Anlass genommen und die "Ritter Sport Variante" im Zeta Producer umgesetzt. Die Lösung findest du HIER.

  • Perfekte Lösung, vielen Dank.

    In meinem hier beschriebenen Projekt habe ich nun allerdings doch das Logo ab einer bestimmten Scrolltiefe ausgeblendet
    (background-size:0%). Sieht sehr elegant aus :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!