Posted By

shapeshifta on 12/29/09

Tagged

prototype Scriptaculous unubtrusive

Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

Milad
cfleschhut
francotalarico

Smooth anchor scrolling using prototype and scriptaculous unobtrusive with href attribute

/ Published in: JavaScript

use an anchor like this: <a class="scroll_me" href="#main">... scriptaculous needed ;)

Expand | Embed | Plain Text

document.observe("dom:loaded", function() {
if ($$('a.scroll_me')) {
	$$('a.scroll_me').invoke('observe','click', function(event) {
		Event.stop(event);
		var elementLink = Event.element(event).readAttribute('href');
		var scrollHere = elementLink.substr(1, elementLink.length); 
		Effect.ScrollTo(scrollHere);
		return false;
	});
}	
});

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: shapeshifta on January 5, 2010: erm, somehow my link got destroyed -.- use something like ...
Posted By: shapeshifta on January 5, 2010: grrr <a class="scroll_me" href="#main">...

Comment:

You need to login to post a comment.