Deine Frage-Antwort-Community
Frage stellen
    • Meinung des Tages: Sollte die EU Ungarn aufgrund nicht-demokratischer Prinzipien die Fördergelder streichen?
    • Warum gibt es keinen Weltraumtourismus auf dem Mond?
    • Geld sparen - wie schafft ihr das?
    • Kennt ihr eure negativen Eigenschaften und könnt damit umgehen?
    • Wie sehr begleitet dich KI im Alltag?
    • Was war der Moment, in dem du gemerkt hast: "Okay, jetzt bin ich wirklich erwachsen" 😅?
    • Alle Beiträge
    • Radiokooperation mit Absolut HOT 🔥
    • Meinung des Tages
    • Themenspecial: Wechseljahre (mit der Influencerin blondbynana)
    • Blickwechsel: Deine Fragen an einen unheilbar kranken Lungenkrebspatienten
    • Ask Me Anything:
      Alle Blickwechsel
    • Ask Me Anything:
      Alle Themenspecials
    • gutefrage Tipps
    • gutefrage Highlights
    • Computer
    • Internet & Social Media
    • Kreativität, Freizeit & Hobby
    • Lokales, Reiseziele & Urlaub
    • Medien, Unterhaltung & Musik
    • Mode & Beauty
    • Software & Apps
    • Spiele & Gaming
    • Sport & Fitness
    • Alle Themenwelten
In wenigen Minuten
Antworten auf Deine Fragen.
Frage stellen
Du hast noch kein gutefrage Profil? Jetzt kostenlos erstellen
Profil Beiträge Antworten Antworten

verreisterNutzer

18.02.2019
Übersicht
0
Hilf. Antw.
1
Antwort
0
Beiträge
0
Danke
0
Komplim.
0
Freunde
UchihaMadara
18.02.2019, 11:58
Button klicken -> automatisch runterscrollen?

Ich möchte bei meiner Webseite folgendes umsetzen:

Wenn ich auf einen Button klicke, dann soll er automatisch zu einer Stelle runterscrollen. Wie kann ich das machen? Verwende als CMS WordPress.

Vielen Dank!

...zum Beitrag
Antwort
von verreisterNutzer
18.02.2019, 12:01

Javascript hilft:

//EXAMPLE 1 - from the article @ https://css-tricks.com/snippets/jquery/smooth-scrolling/
//URL does not update and element focus is lost  

$(function() {
  $('a[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 900);
    
    //unchecken der Checkbox zum ausblenden der Navigation small
    document.getElementById('hacky-input').checked = false;


        return false;
      }
    }
  });
}); 

Den link dann so gestalten:

#Beispiel

Es scrollt dann an die stelle mit der Gleichnamigen ID

IST EINE VON VIELEN WEGEN

...zur Antwort
gutefrage
  • Beitrag erstellen
  • Stöbern
  • Alle Themen
  • Hilfe / FAQ
  • Richtlinien
  • gutefrage Highlights
Partner
  • Businesspartner
  • Partner werden
Unternehmen
  • Über uns
  • Jobs
  • Kontakt
  • Presse
Rechtliches
  • Impressum
  • Datenschutz
  • AGB
  • Utiq verwalten
Weil es immer jemand weiß.
gutefrage ist so vielseitig wie keine andere Frage-Antwort-Plattform. Bei uns findest Du schnell neue Perspektiven - egal zu welchem Thema.
Gmacht in Minga. Mit
❤
Facebook Pixel