How To Add Together A Motorcar Scrolling Scrollbar Inwards Blogger

In the past times nosotros convey already shown yous how to customize your scrollbar inward blogger alongside unlike styles, colors together with customization. Recently, 1 of our users asked us how to add together automobile scrollbar inward blogger that automatically scrolls the page from the pinnacle to bottom. Making your scrollbar scroll automatically is a perfect agency to slightly forcefulness your readers to croak through the whole page earlier leaving your site. In this article, nosotros volition exhibit yous how to add together a automobile scrolling scrollbar inward blogger

What is a Scrollbar?

H5N1 Scrollbar is a GUI (graphical command element) which controls elements similar text, pictures, videos together with anything else available on the webpage. In other unproblematic words, it’s a long affair bar located at the correct side of your covert past times which an chemical constituent tin shipping away hold upwards scrolled alongside the assistance of a mouse.

It likewise has of 2 upwards together with downwards arrows that helps yous to scroll upwards or downward the page. It is non entirely for webpages but yous tin shipping away likewise honour them on other software similar Word, Windows, Apple OS together with etc.

How to add together Auto Scrolling Scrollbar inward Blogger?

The really start affair you’ll hold upwards required to create is to start login to your blogger draw of piece of occupation organisation human relationship together with conduct a weblog on which you’ll similar to add together automobile scroll bar. Now croak to Template >> Edit HTML >> search for the ending </html> tag (you volition honour it the terminate of the codes). After finding </html> but to a higher house it glue the next code:

<script>
    /*<![CDATA[*/
    var div = $('body');
    setInterval(function() {
            var pos = div.scrollTop();
            div.scrollTop(pos + 2);
        }, 10)
        /*]]>*/
</script>

<style>
    trunk {
        overflow-y: scroll;
    }
</style>

You tin shipping away increase the scroll speed past times reducing the 10 inward the to a higher house code.  While, increasing ten to 100 or thou would brand the scroll piece of occupation slowly.

This technique tin shipping away likewise hold upwards applied to a div, if yous desire to scroll entirely a sure as shooting chemical constituent on your site. All yous demand to create is to supersede the trunk to a div elevate from the to a higher house code. Like for <div id=”test”> the start draw of the code would become  var div = $('#test'); together with vice versa.

Once everything is done, relieve the template past times pressing “Save Template” push clit located at the pinnacle of your screen. Congratulations, yous convey successfully installed the automobile scrolling page characteristic inward blogger. If yous desire to trammel this scroll to sure as shooting pages hence banking concern tally out how to exhibit or enshroud a widget on sure as shooting URLs inward blogger.

We promise this article has helped everyone inward learning how to add together a automobile scrolling scrollbar inward blogger.  Share your thoughts most this minor but useful tip inward the comment department below. If yous convey whatsoever proposition or requests experience complimentary to write us using our contact us page.