Ankerpunkt Scrollen - Geschmeidig/Langsam - Wie?

  • Hi.
    Habe momentan eine statische Singlepage mit nur wenig Inhalt.
    Ich habe es bisher so gehandhabt, dass aller Inhalt untereinander ist (Nur "About me" und "Kontaktformular")... Den beiden Seiten/Formular habe ich jeweils ein Ankerpunkt zugewiesen bzw. die Class/ID genommen und per "#Ankername" im Menu verlinkt. Wenn ich nun draufklick, bin ich sofort beim klicken an der Stelle wo es hinsoll. Allerdings habe ich oft gesehen, dass es so einen Scrolling-Effekt gibt, der langsam zum Ankerpunkt scrollt wenn man auf den Link klickt. Das ganze wirkt meiner Meinung nach etwas eleganter.

    Weiß jemand von was ich rede? Und vielmehr: Weiß jemand, wie ich dies am besten/leichtesten umsetzen könnte?

    Danke für jede Antwort im vorraus.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Da kommt dann wohl Javascript zum Einsatz. Habe hier (http://codegeekz.com/20-jquery-plug…olling-effects/) kurz eine Übersicht zu jquery-Plugins gegoogelt. Schau doch mal, ob Dir damit geholfen ist. Das http://arbitrary-anchor.briangonzalez.org/ Plugin z.B. könnte etwas für Dich sein.

    Gruß
    Tom


    Danke. Habe ein JQuery Plugin bereits ausgesucht. JQuery nun auch per

    Zitat

    [COLOR=black][FONT=Consolas]<?php[/FONT][/COLOR][COLOR=#7B7A7A][FONT=Consolas]wp_enqueue_script('jquery');[/FONT][/COLOR]
    [COLOR=black][FONT=Consolas]?>[/FONT][/COLOR]

    in WP aktiviert... Wie bekomme ich nun die .js / .json Dateien in den Einsatz? Hochladen und dann? Sorry. JS kann ich null )=


    ///EDIT:

    Habe eine Lösung gefunden:
    https://wordpress.org/plugins/jquery-smooth-scroll/

    Ganz easy.

    Einmal editiert, zuletzt von kujulian (5. November 2014 um 14:58)

Jetzt mitmachen!

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