Junior Coders
smooth scroller help
OK i have three files for a smooth scroller that i downloaded from this site
what i want to do is make this javascript call start at the bottom then as you click links go up. So opposite of what this code is doing.
Can any on help please?
thanks
i got the files here.
http://www.dezinerfolio.com/2007/08/...smooth-scroll/
Senior Coders
EDIT: According to the page you linked, you should try this:Code:window.onload = function(){ document.getElementById('footer').scrollIntoView(); }
Last edited by Jesdisciple; 08-08-2008 at 05:21 PM.
Junior Coders
i will try it when i get home. Thanks for taking the time to look into this
Junior Coders
where exactly would i place this in the code?
Elite Coders
Code:<html> <head> <script type="text/javascript"> window.onload = function(){ document.getElementById('footer').scrollIntoView(); } </script> </head> <body> </body> </html>
- Mike
Senior Coders
That's weird... I can't find where on that site I found that. (I think I actually only saw it here.) After finally understanding that the decompressed source was in the archive I downloaded, I now think you should try this instead:That uses the correct DOM method for locating the anchor, but still uses the quick scroll because I don't think users want to wait for the page to scroll right after it loads. (To use the smooth scroll, just call the element'sCode:window.onload = function(){ var footers = document.getElementsByName('footer'); footers[footers.length - 1].scrollIntoView(); };onclickmethod instead.) It also tries to adapt to the unlikely coincidence that two elements in the document are named "footer" by picking the last one.
Of course, you should put that code alongside the Smooth Scrolling script - in a separate script-tag (and JS file) if you prefer.
Last edited by Jesdisciple; 08-09-2008 at 05:28 AM.
Elite Coders
Oops, sorry. I assumed the "window" identifier would naturally be in the <head>Of course, you should put that code alongside the Smooth Scrolling script - in a separate script-tag (and JS file) if you prefer.
- Mike
Senior Coders
Reply With Quote
Your example is correct... Having the script-tag in the head with or without a src attribute is essentially the same. But since he seems uninformed I wanted to be clear that what you posted isn't what his entire page should look like (a silly idea to us, but everyone's a newbie at something).
Junior Coders
Great i will try this when i get home. Much appreciated.
And, yes i am a newb at javascript
Posting Permissions
Bookmarks