WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

jQuery / ScrollTo Function (Ankerersatz)

leave a comment »

Wird auf der Projektseite die jQuery-Libary eingebunden und möchte man auf klassiche HTML-Anker verzichten, kann folgende Funktion genutzt werden:

function scrollTo(st){
   st = jQuery.extend({// set default value
      element:             null,
      typeofanimation:     "swing", // options: linear, swing, easing
      animationspeed:      800
   }, st || {});
   if(st.url){// scroll to the target element
      jQuery("html:not(:animated), body:not(:animated)").animate({
         scrollTop: jQuery(element).offset().top},
         animationspeed,
         typeofanimation
      );
   }
}
scrollTo({
   element:             "#footer", // required
   typeofanimation:     "linear",  // optional
   animationspeed:        500      // optional
});
Advertisements

Written by steffenhollstein

April 2, 2009 um 3:51 pm

Veröffentlicht in Uncategorized

Tagged with

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: