JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>
<img id="img1" src="http://wpmu.org/wp-content/uploads/2010/04/jquery-logo.png">
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>more stuff
<br>some more stuff go here
<br>content
<br>some more content
<br>content
<br>some more content
<br>more...

JavaScript

$(function () {
    var delay = 2000,
        //Following var because http://stackoverflow.com/questions/3042651/jquery-scrolltop-not-working-in-chrome-but-working-in-firefox
        $scrollEl = $.browser.mozilla ? $('html') : $('body');
        selectors = ['#img1', '#img2', '#img3'];

    (function scrollPage() {
        var $el = $(selectors.shift());
        if ($el.length === 0) return;

        //animate
        $scrollEl.animate({ scrollTop: $el.offset().top }, 2000, function () {
            setTimeout(scrollPage, delay);
        });
    })();

});