Saturday, February 2, 2008


I thought I'd create a post where readers could easily add general opinions and/or suggestions. The scope of this post is the entire blog, so it can be about any jQuery plugin, Maxthon's console, or the script to add Static methods to Array. General input about the blog is welcomed too.

Also I'd like to know, if someone's using any of these scripts on a site. So if you do, please let me know by posting a comment.

I also plan to make a list of sites using these scripts. So if you are interested, add the url and I'll link to your site.


Jason said...

Just found scrollTo, and using it at

Nothing but bunk data there now, going through a site redesign.

scrollTo is working like a charm in Safari, but is acting crazy in Firefox, anu ideas as to what is going on? Feel free to shoot me an e-mail: stirman [at] gmail (dot) com

Alex said...

Hi there,

I'm using the plugin and think it's fantasic - i do have a few questions on the new release though. Mainly to do with the fact it now scrolls to the '#' value, which is great in theory, but the problem is that it jumps the page around if you're on smaller browser because it tries to place the '#' at the top of the viewing area - if that makes sense.

Do you use any kind of IM systen - be good to pick your brains on this. My msn is 'xbogeymanx [at]' thanks!

Ariel Flesler said...

Hi Alex,
I think you have some kind of JS error, and localScroll is just not running, instead the link is naturally clicked and it makes the whole window "jump", might it be the case ?
I found out that Opera behaves differently from other browsers, and the demo works wrongly (Opera 9.22), are you seeing it in Opera ?

I'll contact you on monday. I gotta run now...


Anonymous said...

Hi Ariel, Just found your scrollTo plugin and tested it out. It rocks so thanks for your hard work. It does exactly what I need however unfortunately I will be unable to use it in any of my projects.

We make commercial large, heavily database-backed web applications. When I say applications I mean applications, i.e. desktop level functionality redesigned and implemented for the web.

Although we are open source friendly and aim to release code in most (if not all) "cross-application libraries" (both internal and modifications to 3rd party) we cannot release code that is application-specific. We class jQuery plugins as "cross-application libraries". Therefor because your scrollTo plugin is GPL licensed it would "taint" our entire application-specific javascript tree if we distributed it with _any_ application (i.e. allowing a user to access the site is distribution for javascript).

We could, as many companies have been seen to do, simply ignore the GPL and obfuscate the code as much as possible. However because our business is built on the hard work of open source software developers (PHP, jQuery, Firefox, MySQL, GNU/Linux to name just a few) we think that is unacceptable behaviour and do not do such things.

Therefor we are left with two choices:
- independently re-implement a similar plugin when we have time. We would release it under it under the LGPL, BSD or MIT if it was of high enough quality therefor resulting in two jQuery plugins with the same functionality.
- ask respectively that you consider either dual licensing or relicensing your scrollTo plugin under the LGPL, BSD or MIT or similar license in the nature of jQuery and many of the major plugins such as UI, the offcial form plugin, Jörn Zaefferer's plugins including his treeview etc.

Please note we don't have any problem with releasing source for improvements to the scrollTo plugin itself, say for example if it was licensed under the LGPL, we simply cannot allow a fully GPL'd plugin to taint literally hundreds of thousands of dollars of application specific work.

Look forward to seeing your standpoint on this if you have time to post it on your site.


Ariel Flesler said...

Hi Isaac
  Added release 1.3.3. It includes a new header that references a dual license GPL+MIT like jQuery. I'll probably relicense other plugins, specially those using scrollTo, on their next releases.


Lance said...

Hi Ariel,
I'm using ScrollTo on a web site to do some automated scrolling of content. For that, it works fantastic. However, I'd like to provide the user an option to manually scroll the content as well. Is there a method or event that I can use to cancel or interrupt the current ScrollTo animation? I tried throwing an exception in my easing function based on a cookie value, but that didn't seem to work. Any thoughts or suggestions would be greatly appreciated.

Ariel Flesler said...

Hi lance
  The answer is pretty simple, the scrolling animation is a regular animation, it can be aborted using $.fn.stop.

That should be called on the scrolled element. If you are scrolling the window, the element is retrieved using:

That stop the last animation, if you are using the 'queue' option, that will only stop one. Then you need you need to use:

Please use any of $.scrollTo's posts for other stuff about that plugin :).


Isaac said...

Hi Ariel, Much kudos for relicensing your toScroll plugin! We are already using it on the production (i.e. live) copy of an industrial maintenance application here in New Zealand, it was that easy to integrate and testing found absolutely no issues. Specifically we are currently using it to programmatically scroll around extremely large trees (up to 1000's of nodes) that use Jörn Zaefferer's treeview plugin. Again thanks heaps for this! Peace, Isaac.

wrigley said...

Hi there,

I found your scrollTo and I really think that it rocks. I have integrated into another jQuery plugin, 'Facebox' here:

it is in the 'Rules in Full' section.

I was wondering if it was possible to have it so that there are two separate 'next' and 'prev' options.

I have 26 'li's to scroll through and I was hoping that it might be possible to have an option to move through them one at a time (as it is now) ASWELL as a further set of images to move the 'li' on in steps of, say, five at a time.

I know that you can do this, but can they coexist at the same time.



Ariel Flesler said...

Hi Wrigley

If it's just another set of prev/next, you can call the plugin two times, with different settings. No problem will arise.
If you want some "jumping" scrolling, as in, going directly to specific elements, that can be done easily.
Contact me to my mail that appears in the header of the source code.


Anonymous said...

Hi Ariel,

I'm messing around with jQuery Listen, and this is prob a general JS question, but I'm trying to do something like this:

$.listen("click", ".blah", function() {
how do I reference the .blah element clicked in the function part?


Ariel Flesler said...


I already replied that HERE.
For questions on Listen, please use that post.


Anonymous said...

Ahh my bad, was just reply saying I figured it out (I had it correct, but I used the wrong class name, oops).

Thanks for the quick reply!

Anonymous said...

Hi Ariel,

I'm using a mixture of localscroll and serialscroll to build a set of linked scrolling rooms. I would like to position img's withing the rooms using a container in each room position:relative and then images position:absolute : this works nicely in FF but IE fails to scroll anything with position relative on a container. Any thoughts ?

Ariel Flesler said...

I never heard of that, do you have a demo of this online ?
Do you have a name ? :)

Andy said...

Hi, that was a bit rude, sorry. There is now a demo and in messing around and changing a few things I have introduced some other problems (interactions between the scroll types) but the main issue is why positioning doesnt work in IE. Excuse the lame UI its just a proof of concept. You may recognise most of the code (cough). Works in FF and Safari 3 (PC the lot), dies a horrible ugly death in IE. TIA Andy (at exhale)

Andy said...

Finally fixed it myself. It needs a position:relative in the #sections section: but this is unnecssary in FF. Simple enough anyway (I stopped playing and acted a bit more progfessional and made the simplest possible test bed which worked).

Still - if you have time to take a look would you mind commenting on the ways in which the various types of navigation (fail to) interact. I'm new to jQuery and I guess there are better ways of specifying the scroll targets.


Ariel Flesler said...

Hi Andy
Sorry if that looked rude, wasn't my intention, now I had some bed time myself :)
I'm glad you fixed it, I'll check the demo and see if I can find a workaround, or the pattern of the problem, and I'll add to troubleshooting.


Andy said...

No..I mean't I was rude not giving my name ! :-)

Ariel Flesler said...

Oh... phew! :)

Anonymous said...


I decided to post directly on your blog instead of through the jQuery Nabble forums.

Concerning your jQuery local scroll Ajax demo, would there be any conflict in creating another function to load more external content in a different div?

For example, I'm designing the organization of my website and I'm planning to have the index page have a main navigation. From there, users can click any link from the main nav and a secondary/sub navigation will load externally via ajax. FROM THERE.. users can click links from the sub navigation and external content will load into the main content div(another separate div), in which local scroll will be used.

I was hesitant to try it out myself and was wondering if you had a quick answer.

Thanks so much for the Ajax demo, it definitely cleared things up for my site!

Ariel Flesler said...

Hi (Jeff?)

You won't get any problem if you set 'lazy' to true and you keep the element/s you called LocalScroll on.

If you do:

Then you can load new links inside #foo and they will still work, also the scrollable element can be replaced with a new one, it'll still work, just make sure you don't destroy #foo (in this case).


Jeff said...

Ariel, sorry for leaving out my name.

Well, here's a link to my current progress: www.

So, as you can see, I have the index page which holds the main navigation at the top. If you click on any of the links, a specific sub-navigation for that link is loaded from an external .ahah file into the #subNav div, which is the left navigation.

This is where I ran into trouble. After playing around with loading external content into two different divs, I haven't been able to properly load the content which has the localScroll in it into the main div, the #content div to the right.

I've uploaded a previous attempt I did without loading the sub navigation from an external .ahah:www.

So, as of now, I've been stuck with trying to load my localScroll content from a link that is located on another external page. As well as how to automatically load pages when the user first logs onto the site.

Ariel Flesler said...

Hi Jeff

KDD2 seems to work ok, some links yield 404 urls (check with Firebug).
I see you're using .ahah extensions, you really don't need to do this, I used those to workaround a problem with the server, but you just use .html, change that in the code too.

The first example (KDD) has a javascript error ( use firebug! :) ).
You wrote functio(){ instead of function(){.

Check that and keep going.

Anonymous said...

I'm new to jquery. I'm getting an error with serialScroll on line 11 of the jquery.serialScroll-min.js code: h.scrollTo is not a function

If anyone has a chance to look at the error in firebug,, I'd certainly appreciate your feedback. Since I'm also using mootools on the site since the web designer set up the drop down menus with mootools, I'm running jQuery in noconflict mode.

If anyone knows of a jQuery plugin that works similarly to the mootools tabbed dropdown menu, please reply to this post with the name of the plugin.


Ariel Flesler said...


You are not including jQuery.ScrollTo, it's another plugin which is required to use SerialScroll, it's also on this blog.


matt said...


I have a small problem when trying to combine jquery scrollto and facebox on the following site:

If you scroll down to image gallery you'll see the scrollto in action. But after clicking on an image in the gallery (which then uses Facebox), after closing the image pop-up the scrollto no longer works.

I'm a bit new to all this and I'm now stuck on how to fix this problem. Can anyone help?


Ariel Flesler said...

In line 711 of the main html:

$('#wrapper a')

Should be:

$('#wrapper a[hash]')

You're binding to the click of some unexpected links (the photos).
That will filter out any invalid link.

And actually, if you want to make this well, I'd use the plugin LocalScroll on top of ScrollTo, instead of that snippet.


mclellan.paul said...

Is it possible to get "jQuery.ScrollTo" to work with a simple Flash button with Actionscript?

Many Thanks

Ariel Flesler said...

You mean...
1- Scroll to a flash button
2- Trigger a scroll when a flash button is clicked ?

mclellan.paul said...

Thanks for the quick reply, Ariel.

I mean...

2- Trigger a scroll when a flash button is clicked ?


Ariel Flesler said...

You can call javascript functions from AS3.

Using the ExternalInterface, or by setting:


In the url (I think).

You simply need to call scrollTo like this.

mclellan.paul said...

I'm probably getting way over my head here. All I want to do is take a link I set up using your "jQuery.ScrollTo" in my html page ...

i.e. <a class="toplinks" title="$(...).scrollTo( 'li:eq(15)', 1000 );" id="options-no1" href="#">Top</a>

... and attach it to a simple 'on (release)' trigger in actionscript.

Ariel Flesler said...

You want to scroll to top when a button is clicked then ?

Do something like this:

function scrollToTop(){
// you can setup more settings
$.scrollTo( 0, 1000 );

Whenever you want to scroll,

You can then pass parameters if you need, check this link

bubul said...

geat thanks for your code in Flash
I'm using the plugin whith flash and it's ok !

Anonymous said...

Hi ,

i am new to jquery plugin.

i am including the jquery.scrollTo-min.js, in my html,
but when i try to access manually by clicking the link. it will give 404 error.

is there any setting i have to make in my server(apache). if so , please tell me where i have to do that.

Advance thanks.

Ariel Flesler said...

Got a link to that?

Russkowski said...

Hi Ariel

Great plug-in, I love it.

In Firefox everything works fine. In every other major browser the scrolling don´t stop at all. FF moves from one element to the next one, all others don´t stop at the next element - they scroll directly to the end of the list.

What can I do to make them act like in Firefox - means to move only one element?

Please see it in action here:

Thanks in advance!

Best regards

JoAnn said...

My site is finished and looks awesome. Many thanks for your contribution....

JoAnn said...

Gracias! The web master, Evan Jones did an incredible job. You are credited here:

17stones said...

I work for a local city govennment and our contractor used you script and the problem is that during the reset our scroll goes too fast and is not compliant for persons with disabilities. Can you script roll the images instead of the hard reset to position one???

comments to

17stones said...

worried about persons with disabilities and the quick scroll back to start. can script be adapted to allow rolling images without the hard reset to start.

not sure if other comment went through