JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<div id="make-scroll"></div>
<div id="logo">Testy westy</div>

CSS

#make-scroll {
  height: 4000px;
  width: 100px;
  background-color: yellow;
}

#logo {
  width: 500px;
  height: 100px;
  background-color: red;
  position: absolute;
  bottom: 10px;
  padding-top: 1em;
}

JavaScript

$(document).ready(function() {
  $logo = $('#logo');
  $($logo).click(function() {
    $('html, body').animate({
      scrollTop: $logo.offset().top
    }, 300, function() {
      console.log('heyyyyy');
    });
  });
});