2016-04-15 2 views
-3

ich hier eine Website hinzuzufügen: http://www.agapegreekradio.com/Wie eine Scroll to top WP

Und ich möchte diesen Teil eine Rolle addieren:

enter image description here

Wie kann ich tun, dass WP mit ? Kannst du mir die Schritte zeigen?

+0

Es gibt eine Fülle von Ressourcen auf Google, um dies zu decken, wie zum Beispiel: https://premium.wpmudev.org/blog/back-to-top-button-wordpress/. Hier ist auch eine kleine Geige, die auch zeigt, wie es gemacht wird: https://jsfiddle.net/brilliancedisplay/9fe77anq/ Obwohl das nicht streng WordPress ist, sollte es ziemlich einfach sein, das Skript oben auf der Vorlagenseite zu platzieren. –

Antwort

2

Sie können eine JavaScript-Funktion hinzufügen, die auf Klick des ‚up‘ Pfeil aufgerufen wird:

JS:

$('.arrow').click(function() { 
     $("html, body").animate({ 
      scrollTop: 0 
     }, 200); 
     return false; 
    }); 

Es sieht aus wie auf Ihrer Website Sie verwenden ein: nach Element, um den Pfeil nach oben zu erstellen. Damit die Funktion an den Pfeil gebunden wird, müssen Sie sie in ein tatsächliches Element konvertieren, z. <span class="arrow"></span>, damit Ihr Klick-Ereignis funktioniert

+0

Wo sollte ich es hinzufügen? ist das direkt auf index.php Datei? –

+0

Sie sollten Ihr Javascript in eine separate Datei (z. B. scrolltop.js) einfügen und dann eine ähnliche Funktion in Ihre Design-Einrichtung/-Funktion einfügen, in die Sie Skripte einfügen: wp_enqueue_script ('THEMENAME-scrolltop', get_template_directory_uri() . '/js/scrolltop.js', Array ('jquery'), 'VERSIONNUMBER', true); –

+0

Kannst du mir dabei helfen? Noch nicht vertraut. Ich möchte wissen, wie du es machst. –