smooth auto scroll by using javascript
Question by hiteshtr
hi i am trying to implement a code on my web page to auto scroll after loading the page, i used javascript function to perform auto scrolling and called my function onload event of body of my page but the page is not scrolling smoothly so tell me any way to auto scroll my page smoothly my javascript function is as follows:
function pageScroll() {
window.scrollBy(0,50); // horizontal and vertical scroll increments
scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}
Answer by mikeymeows
It’s not smooth because you’ve got the scroll incrementing by 50 every 100 milliseconds.
change this and the amount you are scrolling by to a smaller number to have the function run with the illusion of being much more ‘smooth’.
turn down the speed amount to make this faster or slower.
function pageScroll() {
window.scrollBy(0,1);
scrolldelay = setTimeout('pageScroll()',10);
}
will appear to be much smoother, try it 😉
Answer by Starx
Smoothly running animations depends on the clients machine. No matter how fairly you code, you will never be satisfied the way your animation runs on a 128 MB Ram system.
Here is how you can scroll using jQuery:
$(document).scrollTop("50");
You might also want to try out AutoScroll Plugin.
