JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<h2>Automatically Scroll Page from Top to Bottom, then Back Up (and Repeat)</h2>
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut 

<h1>Lorem ipsum</h1>
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis 

<h1>Lorem ipsum</h1>
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,

<h1>Lorem ipsum</h1>
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et 

<h1>Lorem ipsum</h1>
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut 

<h1>Lorem ipsum</h1>
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis 

<h1>Lorem ipsum</h1>
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,

<h1>Lorem ipsum</h1>
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et

CSS

h2{
    color:#d00;    
}

h1{
    color:#666;
}

JavaScript

$('html, body').animate({ scrollTop: $(document).height() - $(window).height() }, 1000, function() {
    $(this).animate({ scrollTop: 0 }, 1000);
});