If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

Ok, your example isn't even using javascript, you're not even close. To be fair, its not entirely your fault the 'demo' doesn't actually show you how to use his plugin.

1. You need to include jQuery.
2. You need to attach the code to the links click event, the easiest way to do that would be to change 'title' in your code to 'onclick'. They used the title in the demo page just to show you the code that would be run.
3. To use the easing you need additional code
4. To scroll sideways you need additional code
5. 800 is too small to see any animation with the easing option, try 8000
5. This is a really crappy plugin. I work with jQuery a lot, I've even developed a few plugins myself and this took me nearly an hour to get working

I have now downloaded jquery and referenced it in the head. I have also updated the code (see below), its still not working for me - have I placed your code in the incorrect place, me thinks this will be a yes for sure. Thank you.

scrolling nowhere fast

Hello,

I have recently come across this scrollTo plugin and I am still relatively new to Javascript. I came across your thread and I am experiencing some problems getting this to work at all. I played around with a few Javascript plugins before but I cant seem to make any sense of this one, in my research I came across the localscroll script aswell and tried to play around with this but to no success. Im guessing its about time that i read up on on some Java and JQuery some im going find some stuff now, but if anyone can help me out with this I would really appreciate it. I cant seem to get my head around how you call this plugin, i gather that it pulls on a number of other scripts, I have noticed some references to an easing plugin in and what not. Also no one explicitly states how the function is called, I consistently get the error message that $()ScrollTo is not a function so I am guessing im still not really close. I have tried to follow what you have posted so far and there is also some other random attempts in my coding so please excuse this.

Hi, i just registered because I was having the same problem and wanted to give from what I've experienced. The creator has made a beautiful plugin, but does in fact do a lousy job explaining how to implement it.

Here's what you need to do in order to get this to work. I am going to dumb down and retardify this step by step on how to use it. Obviously, the name of the files and links are going to vary, so do not copy and paste them verbatim:

1. Append the scrollTo script to your html like what NancyJ has mentioned. Make sure to place it in the head of your html.

By doing this, from my basic understanding, this is how you make your html read an external javascript file and work with it.

3. Now, with that out of the way, all you need to do in order to make this work is to use an href link in your anchor, and link it to the '#' sign, give it a label, and then close it:

<a href="#">label</a>

4. There appears to be three portions to this command. As NancyJ has mentioned, you are going have to apply this command to the onclick parameter of your anchor link. The first part is going to be your destination. For this example, my destination is going to be a div with an id (hence the '#' before the name) I have named destination. The second part is going to be the amount of time, I believe which is in milliseconds (I'm using 800). The third part is optional, and determines what type of easing animation you want to apply to your transition. I am using the Elastic Ease out (elasout).

And that's it. The plugin does the rest. With this link, my browser should scroll to the div I have named 'destination.' There are other ways you can use this, but I like to have them jump straight to my divs. Obviously, you want to give some spacing and give a distance between your link and your destination.

Hopefully, I have dumbed this down enough to a remedial level to make sense to those who have no idea what they're doing. I, too consider myself a dummy. I would like to believe that I am more artistic individual than a math/programming genius. So, I can feel your pain.

I've tried the plugin without NancyJ's add-on script and it appears to be working okay without it. However, I do believe her add-on script does smooths out the animation a bit. Anyway, hope this helps and good luck.