1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Sticky NavBar einbinden...?

Dieses Thema im Forum "Design" wurde erstellt von O'Really, 16. Januar 2013.

Schlagworte:
  1. O'Really

    O'Really Member

    Registriert seit:
    6. Juni 2010
    Beiträge:
    5
    Zustimmungen:
    0
    Hey Leute!

    Ich werde am Wochenende eine neue Seite online stellen und versuche hierfür erste Ideen zusammenzutragen. Auf diesem Wege versuch ich möglich das Beste rauszuholen, was ich kann (oder in diesem Fall, nicht kann :D)

    Nunja...

    Ich arbeite mit gewöhnlichen Templates, die ich mir besorge.

    Auf sehr vielen aktuellen Seiten sehe ich diese "Sticky NavBars" - in diesem Fall besucht ihr eine Seite, hab ich NavBar und wenn ich runterscrollt und mit eurem Bildschirm am NavBar entlangkommt, scrollt das NavBar mit. Genau diesen Effekt versuche ich auch zu erreichen.

    Ich habe auf manchen Seiten wirklich gute StickyBars gefunden, aber auch ziemlich schlechte. Nun wollte ich mir nicht zu viel zutrauen und habe es mit dem Mittelfeld versucht.

    Hier wird erklärt wie es gehen soll:

    http://www.graphicbeacon.com/web-design-development/quick-tip-how-to-activate-a-sticky-navigation-on-document-scroll-using-jquery/

    Hier der besagte Effekt:
    http://www.zendesk.com/

    Nun bin ich wirklich überfordert. Wo kommt denn der Code nun wirklich hin? Gemäß dem Fall, dass ich ein Template oben habe.

    Vielleicht gibt es hier ein paar schlaue Köpfe, die mir helfen können :-o

    Grüße!
     
  2. pixselig

    pixselig Well-Known Member

    Registriert seit:
    8. Mai 2012
    Beiträge:
    2.301
    Zustimmungen:
    10
    Vielleicht hilft dir das weiter: http://selfhtml.apsel-mv.de/scroll/scroll.html

    Prinzipiell: die Styleangaben würde ich in die style.css schreiben. Und das js in die header.php -> wenn du magst kannst du es aber auch in eine eigene Datei auslagern.
     
    #2 pixselig, 17. Januar 2013
    Zuletzt bearbeitet: 17. Januar 2013
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden