javascriptjqueryautoscroll

smooth auto scroll by using javascript


I am trying to implement some code on my web page to auto-scroll after loading the page. I used a Javascript function to perform auto-scrolling, and I called my function when the page loads, but the page is still not scrolling smoothly! Is there any way to auto scroll my page smoothly?

Here is my Javascript function:

function pageScroll() {
        window.scrollBy(0,50); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

Solution

  • 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 ;)