Unser Affiliate Theme ist da! Spare 10% mit dem Gutschein DRWP10 - mehr erfahren!

Simples jQuery Smooth Scroll

Oft gebraucht, gern genutzt. Hier habe ich ein simples jQuery Snippet für euch. Einfach in eurem Theme laden und schon scrollt der Browser „smooth“ zwischen den Anchors. :-)

jQuery(function() {
	jQuery('a[href*=#]:not([href=#])').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var target = jQuery(this.hash);
			target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
			if (target.length) {
				jQuery('html,body').animate({
				scrollTop: target.offset().top
			}, 1000);
			return false;
			}
		}
	});
});

Viel Spaß damit!

Über Christian

Die Webentwicklung ist seit 2006 ein großer Teil meines Lebens und seit 2010 kann ich damit auch meine Brötchen verdienen. Ich beschäftige mich speziell mit WordPress und entwickle auch eigene Themes. Die Anpassungsfähigkeit von Wordpress begeistert mich immer wieder, daher möchte ich euch interessante Snippets und Plugins nicht vorenthalten.

1 Kommentar

Avatar von Sebastian

Sebastian 12. Januar 2016 um 18:11

Danke für das Snippet. Funktioniert einwandfrei. Was aber noch ganz interessant wäre ist wie ich die Farbe beim Mouseover verändern kann. Dann mein Hintergrund schwarz ist wäre das ganz nützlich

Antworten

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <strong>, <em>, <u>, <a href="">, <del>, <ul>, <ol>, <blockquote>. Für Code benutze bitte pastebin.com und kopiere den Link in dein Kommentar.
*
*