JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
        
        	<div id="scrollTop">	
				<a href="#" class="scrollToBottom">Scroll to bottom</a>
            </div>
    <div id="scrollBottom">	
				<a href="#" class="scrollToTop">Scroll to top</a>
            </div>

CSS

.content{width:900px; height:1500px; margin:0 auto; position:relative;}
#scrollBottom{margin:1500px 0 0 0; position:absolute;}

JavaScript

$('a.scrollToBottom').click(function(){
			
			$('html, body').animate({scrollTop: $(document).height()}, 10000);
			
			return false;
		
		});	
$('a.scrollToTop').click(function(){
			
			$('html, body').animate({scrollTop:0}, 'fast');
			
			return false;
		
		});