HTML Constant Page Scroll Help

[Guest]

Hi, 
I am looking for a script that i can put into my HTML page that will allow it to smoothly scroll to the bottom and when the page auto refreshed goes back to the top and starts again. 

I have no experience with JavaScript and have found no useful links online that worked.

 

Any help on this would be good. 

Thanks.

 

[Nineshadow]

You need JQuery.

In the script do this :

$(document).ready(function(){    $(this).scrollTop(0);});

This script resets the scrolling when you refresh.

 

This one makes an animation that scrolls to the bottom :

$(document).ready(function(){$('html, body').animate({scrollTop: $(document).height()}, 'slow');});

Then combine the two :

$(document).ready(function(){$(this).scrollTop(0);$('html, body').animate({scrollTop: $(document).height()}, 'slow');});

[Guest]

You need JQuery.

In the script do this :

$(document).ready(function(){    $(this).scrollTop(0);});

Nvm. I misread what you actually wanted.The script at the top just resets the scrolling when you refresh.

That's alright. Would you happen to know how to make the script to auto scroll with page reset on refresh?

[Nineshadow]

That's alright. Would you happen to know how to make the script to auto scroll with page reset on refresh?

Check updated post.

 

Is that the effect you want?

Also, don't forget to include JQuery in your html file.

[Guest]

Check updated post.

 

Is that the effect you want?

Also, don't forget to include JQuery in your html file.

That looks like it could be it. However, it scrolls way to fast how can i make it even slower?

[Nineshadow]

That looks like it could be it. However, it scrolls way to fast how can i make it even slower?

Replace slow with smth like 5000 or whatever number works for you.

 

That's the animation time in miliseconds.Slow relates to 600ms.

[Guest]

Replace slow with smth like 5000 or whatever number works for you.

 

That's the animation time in miliseconds.Slow relates to 600ms.

Hmmm doesn't seem to be accepting what ever value i put into it. Still scrolls really quick. I have even put some ridiculous time in to test.

Am i doing something wrong here?

 

$(document).ready(function(){$(this).scrollTop(0);$('html, body').animate({scrollTop: $(document).height()}, '5000000');});

[Guest]

Ok i have seem to work it out with two different script. I do appreciate your help @Nineshadow. Your return to top script was at play so thanks again.

 

Page Auto Scrolling:

javascript:var isScrolling; var scrolldelay; function pageScroll() { window.scrollBy(0,1); scrolldelay = setTimeout('pageScroll()',100); isScrolling = true; } if(!isScrolling) { pageScroll(); } else { isScrolling = false; clearTimeout(scrolldelay); }

Return to top of page on refresh:
 

$(document).ready(function(){    $(this).scrollTop(0);});