Comments on: Smooth scrolling for Script.aculo.us

By: Justin

Justin — Fri, 06 Nov 2009 22:05:16 +0000

Below is code to add expand the Element.scrollTo to use ths effect directly.

e.g. $(‘container’).scrollTo(‘child’);

Element.addMethods({
scrollTo: function(element, child){
var element = $(element);
if(arguments.length == 1) {
var pos = element.cumulativeOffset();
window.scrollTo(pos[0], pos[1]);
} else {
Position.prepare();
container_y = Position.cumulativeOffset($(element))[1]
element_y = Position.cumulativeOffset($(child))[1]
new Effect.Scroll(element, {x:0, y:(element_y-container_y)});
return false;
}
return element;
}
});

By: Tom

Tom — Wed, 01 Jul 2009 20:40:27 +0000

Thanks Elia,

I did this:

function moveTo(container, element){
Position.prepare();
container_y = Position.cumulativeOffset($(container))[1]
element_y = Position.cumulativeOffset($(element))[1]
new Effect.Scroll(container, {duration:1, x:0, y:(element_y-container_y)});
return false;
}

- duration is set to 1 – a faster scroll can be obtained if setting duration below 1 eg. 0.3

By: ~Elia

~Elia — Mon, 29 Jun 2009 15:38:52 +0000

try passing a “duration” option

By: Tom

Tom — Fri, 26 Jun 2009 21:46:20 +0000

Is it possible to control scroll speed? If yes, could you point to me where?
Thanks and regards :)

By: sebastian

sebastian — Mon, 14 Jul 2008 12:59:28 +0000

no hada el scroll en mozilla firefox =\

By: craig

craig — Fri, 20 Jun 2008 08:17:48 +0000

for the error below, i think his effects.js is a custom file if i am not mistaken from reading this a while ago

By: ~Elia

~Elia — Tue, 20 May 2008 13:16:10 +0000

I didn’t used this library lately, so I don’t remeber how to fix that error… have you the page online somewhere?

look also at mdmsrl.it with firebug for an example…

By: GreenSun2025

GreenSun2025 — Tue, 20 May 2008 12:48:37 +0000

forgot something :

the prototype lib and the scriptaculous lib are loader inside the html head block

and the call of the moveTo() function is inside the html body block

By: GreenSun2025

GreenSun2025 — Tue, 20 May 2008 12:46:45 +0000

hello all, i have a stupid question that i need to ask because i’m kind of newbie on javascript programming…

so i’d like to know where i can put the new effect scroll()

i’ve tried to place it inside the scriptaculous effect.js => no success
i’ve tried to place it inside a new js file inside the html header block => no succes

everytime i get :

Effect is not defined
moveTo(“listeTarifs”, “femme-coiffure”)main (line 186)
onclick(click clientX=0, clientY=0)main (line 1)
[Break on this error] new Effect.Scroll(container, {x:0, y:(element_y-container_y)});

thx in advance

By: snackycracky

snackycracky — Wed, 05 Mar 2008 13:25:06 +0000

awesome!!!!
you saved me hours of work switching to mootools for the scrolling effect.
Thank you very much :)