JSFiddle - React, Tailwind, and code Playground

by aminur

HTML

<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula rutrum nulla. Sed consequat lacus sit amet neque vestibulum, a malesuada metus pulvinar. Phasellus commodo purus venenatis, laoreet arcu vitae, sodales magna. Morbi sagittis eros arcu, sed sollicitudin lectus vestibulum in. Nunc sit amet viverra dolor. In dictum nunc nec mollis semper. Donec vehicula sollicitudin accumsan. Donec nec feugiat magna. Phasellus a nibh eget dolor euismod gravida et non neque. Duis nisl tortor, tincidunt eget augue blandit, facilisis sollicitudin velit. Phasellus quis massa porta, egestas arcu eget, consequat nisi. Donec facilisis tortor vel ipsum tempor ultricies. Sed accumsan arcu eget sem mattis, nec sagittis mi eleifend. In fermentum blandit ante, sit amet pellentesque purus volutpat vel. Nulla ac auctor ex.
</p>

<p>
Sed vel gravida nibh, et feugiat nibh. Nullam non pellentesque magna. Suspendisse rutrum laoreet malesuada. Fusce vitae ipsum quis diam gravida feugiat id vel mauris. Cras lobortis magna eros, in gravida ligula ullamcorper nec. Maecenas ullamcorper velit eu risus sollicitudin iaculis. Pellentesque lorem ligula, elementum ut nisl a, pulvinar tincidunt ipsum.
</p>

<p>
Nam vel congue diam. Morbi a vulputate nibh, non molestie lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris purus urna, aliquet interdum ullamcorper et, ultricies et urna. Nunc condimentum dapibus quam, non consectetur ante interdum a. Cras nec laoreet ex. Ut tempor lacus dolor, a faucibus est molestie ut.
</p>

<p>
Aenean interdum luctus consequat. Nunc lacinia, mauris quis rhoncus rutrum, metus odio sodales urna, in posuere eros neque eu orci. Suspendisse posuere urna nunc, vitae porttitor odio elementum sed. Etiam libero urna, dignissim quis molestie eu, porta at tellus. Donec lobortis vel magna et ornare. Nulla facilisi. Vivamus ac consequat eros. Vestibulum mi neque, lobortis id purus mollis, suscipit mollis nibh....

JavaScript

$(document).scroll(function() {
  debugger;
  if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
    var body = $("html, body");
    body.stop().animate({
      scrollTop: 0
    }, 1500);
  }
});