Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

jquery:animiertes_scrollen_mit_jquery [18.07.2014 21:04] (aktuell)
wolfgang angelegt
Zeile 1: Zeile 1:
 +===== Animiertes Scrollen mit jQuery =====
  
 +Bei klick auf einen internen Anker-Link wird nicht direkt zum Link gesprungen, sondern sanft dorthin gescrollt.
 +
 +<code jquery>
 +$(document).ready(function() {
 + $('​a[href*=#​]'​).bind("​click",​ function(event) {
 + event.preventDefault();​
 + var ziel = $(this).attr("​href"​);​
 +
 + $('​html,​body'​).animate({
 + scrollTop:​ $(ziel).offset().top
 + }, 2000 , function (){location.hash = ziel;});
 +});
 +return false;
 +});
 +</​code>​