Junior Coders
help.. skrollTo.. (?)
i found this part of code:
<a href="#challenge" onclick="return skrollTo('challenge');">
from: http://unite.blogcatalog.com/
apparently it's a part of code to automatically scroll to particular part of the site when clicked..
i tried to find tutorials for this kind of action but haven't got any luck..
can u guys help?
Regular Coders
Couldn't you just use HTML anchors??
Heres scroll spot:
Way to scroll:Code:.... <a name="something">spot to scroll to</a> ....
Or are you looking for JavaScript:Code:.... <a href="#something">scroll to a spot</a> ....
Red objects need to be changed to correspond with eachother in the first example, and in num.2 you need to change them to x-postion and y-position to scroll to, for more info check here:Code:.... <a href="#" onClick="scrollTo(100,0);">scroll to a spot</a> ....
http://www.w3schools.com/HTMLDOM/met_win_scrollto.asp.
Tim
Elite Coders
That site uses mootools to achieve that effect, I think. I prefer jQuery. The plugin I use most often for these kinds of effects is jQuery.ScrollTo by Ariel Flesler
ReadyToLearn (05-21-2008)
Regular Coders
Ahh. Scratch my last post, sorry misread and looked at site wrong. I thought he was referring to the scrolling itself. Sorry.
Wow, I was just reading past posts and man I was a butthole sometimes to people. So if you ever got the end of it, then sorry...
Junior Coders
Thank you TimFA, actually I WAS looking for that simple code.. but then I got tempted by the effect that Medyman suggested.
Btw i'm a she not a he
Junior Coders
OMG! I so want that effect! especially the easing:'elasout'. It's so cool.Originally Posted by Medyman
But it doesn't have a step by step tutorial.
Where should i put what on my site's codes?
Still need help here.
Elite Coders
Well, no it doesn't have step-by-step tutorials.
But there is fairly good documentation here. And also linked on that page are some demos (from which you can glean specific usage).
A little easier to work with for you might be serialScroll, which is a little easier to implement.
You'll have to download the jQuery javascript library as well as the Ariel's plugins. Include them in your <head> section just like regular links to external javascript.
ReadyToLearn (05-21-2008)
Junior Coders
Which to download?Download jQuery
Download jQuery 1.2.5 (16kb, Minified and Gzipped) Great for production use.
Download jQuery 1.2.5 (97kb, Uncompressed) Great for testing, learning and development.
Download jQuery 1.2.5 (30kb, Packed) For those that can't Gzip their JavaScript.
jQuery 1.2.4 Release Notes What was changed in the release.
Elite Coders
It doesn't matter. I doubt you'll be going into the code and tinkering, so the minified and gzipped would be fine.
If you do plan to view the source for whatever reason, go with the uncompressed.
Regular Coders
Sorry for the he & she mistake ...
Wow, I was just reading past posts and man I was a butthole sometimes to people. So if you ever got the end of it, then sorry...
Posting Permissions
Reply With Quote
Bookmarks