How To Add Together A Car Scrolling Scrollbar Inwards Blogger

In the yesteryear nosotros convey already shown y'all how to customize your scrollbar inwards blogger alongside dissimilar styles, colors too customization. Recently, 1 of our users asked us how to add together motorcar scrollbar inwards blogger that automatically scrolls the page from the elevation to bottom. Making your scrollbar scroll automatically is a perfect agency to slightly forcefulness your readers to move yesteryear through the whole page earlier leaving your site. In this article, nosotros volition demonstrate y'all how to add together a motorcar scrolling scrollbar inwards blogger

What is a Scrollbar?

Influenza A virus subtype H5N1 Scrollbar is a GUI (graphical command element) which controls elements similar text, pictures, videos too anything else available on the webpage. In other unproblematic words, it’s a long affair bar located at the correct side of your cover yesteryear which an chemical gene tin live on scrolled alongside the assistance of a mouse.

It too has of ii upwards too downwards arrows that helps y'all to scroll upwardly or downward the page. It is non alone for webpages but y'all tin too honor them on other software similar Word, Windows, Apple OS too etc.

How to add together Auto Scrolling Scrollbar inwards Blogger?

The really get-go affair you’ll live on required to produce is to get-go login to your blogger concern human relationship too conduct a weblog on which you’ll similar to add together motorcar scroll bar. Now move yesteryear to Template >> Edit HTML >> search for the ending </html> tag (you volition honor it the terminate of the codes). After finding </html> only higher upwardly it glue the next code:

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

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

You tin increase the scroll speed yesteryear reducing the 10 inwards the higher upwardly code.  While, increasing ten to 100 or one m would brand the scroll piece of job slowly.

This technique tin too live on applied to a div, if y'all desire to scroll alone a certainly chemical gene on your site. All y'all demand to produce is to supervene upon the torso to a div cite from the higher upwardly code. Like for <div id=”test”> the get-go delineate of piece of job of the code would become  var div = $('#test'); too vice versa.

Once everything is done, relieve the template yesteryear pressing “Save Template” push located at the elevation of your screen. Congratulations, y'all convey successfully installed the motorcar scrolling page characteristic inwards blogger. If y'all desire to trammel this scroll to certainly pages too thus banking concern fit out how to demonstrate or enshroud a widget on certainly URLs inwards blogger.

We promise this article has helped everyone inwards learning how to add together a motorcar scrolling scrollbar inwards blogger.  Share your thoughts close this pocket-size but useful tip inwards the comment department below. If y'all convey whatever proposition or requests experience gratis to write us using our contact us page.