JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="move">CLICK</a>

<p>some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar. some content to display scrollbar....

CSS

#move {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 40px;
    background: red;
    color: white;
}

JavaScript

$('#move').click(function (e) {
    e.preventDefault();

    $(this).not('.up').animate({
        bottom: '50%'
    }, 1000, function () {
        $(this).addClass('up');
    });

    $('.up').animate({
        bottom: '0%'
    }, 1000, function () {
        $(this).removeClass('up');
    });
});