JSFiddle - React, Tailwind, and code Playground

by Marius Jopen

HTML

<div class="box">
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
   lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>  
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br>
  lala
  <br> 
  lala
</div>
<div class="bottom">
</div>
</div>


<script>
var timeout = null;
var speed = 5000;

window.laytheme.on("newpage", function(layoutObj, type, obj){
   jQuery('html, body').animate({
     scrollTop: jQuery(".bottom").offset().top
   }, speed);
});   


jQuery(document).on('mousemove', function(event) {
    if (timeout !== null) {
      jQuery("html, body").stop();
    	clearTimeout(timeout);
    }
    timeout = setTimeout(function() {
      jQuery('html, body').animate({
     		scrollTop: jQuery(".bottom").offset().top
      }, speed);
    }, 1000);
});

</script>

JavaScript

var timeout = null;
var speed = 5000;

$( document ).ready(function() {
   $('html, body').animate({
     scrollTop: $(".bottom").offset().top
   }, speed);
});   

$(document).on('mousemove', function() {
    if (timeout !== null) {
      $("html, body").stop();
    	clearTimeout(timeout);
    }
    timeout = setTimeout(function() {
      $('html, body').animate({
     		scrollTop: $(".bottom").offset().top
      }, speed);
    }, 1000);
});