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

Automatisches Scrollen beim Aufpoppen von Inhalten

Dieses Thema im Forum "Konfiguration" wurde erstellt von Lea_1987, 17. Mai 2017.

  1. Lea_1987

    Lea_1987 New Member

    Registriert seit:
    17. Mai 2017
    Beiträge:
    1
    Zustimmungen:
    0
    Hey Leute,

    ich bin neu hier Forum und sende ich euch deshalb erst einmal ein fröhliches Hallo!
    Vor kurzem habe ich eine kleine Verkaufsseite übernommen und nun ändere ich auf den Unterseiten verschiedene Dinge, komme an einer Stelle jedoch nicht weiter. Dabei geht es mir um Folgendes:

    http://waschmaschinen-tester.de/

    Ich möchte die Länge der Seite etwas reduzieren, und habe deshalb relativ weit unten zum Test schon einmal aufklappbare Inhalte eingefügt. Diese findet ihr unter "Wer bietet was? Hersteller, Markt und Lieferanten", quasi da, wo einzelne Modelle angezeigt werden. Nun möchte ich, dass beim Aufklappen einer Marke, das Bild angepasst wird. Hintergrund: Öffne ich die erste Marke, dann kann ich die zweite zwar noch anklicken, muss aber scrollen um den Content auch lesen zu können. Das möchte ich gern etwas schöner, indem das Bild dann automatisch mitscrollt. Meine Frage ist nun, was ich denn im CSS Code noch hinterlegen muss, damit der Content nicht nur aufpoppt, sondern auch von der Bildhöhe her noch angepasst wird.

    Ich danke euch schon einmal für eure Hilfe.

    LG
     
  2. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    Das wird sich nicht mit CSS lösen lassen. Aber du kannst das mit Javascript/jQuery umsetzen.

    Zum Beispiel hiermit:
    https://github.com/flesler/jquery.scrollTo

    Oder ohne separates Script/Library:
    https://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2
     
  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