JSFiddle - React, Tailwind, and code Playground

by Clemens Himmer

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<div class="item2">
Beam me down (?) spock!
</div>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>
<h1>Content</h1>
<br>

JavaScript

$(".item2").click(function() {
  setTimeout(function(){
    $("html, body").animate({ scrollTop: $(document).height() }, "slow");
    return false;
  }, 500);
});