JSFiddle - React, Tailwind, and code Playground

by Barbara Laird

HTML

<div class="narrow">Lorem ipsum dolor sit amet, ei nec postea suavitate. Sed lucilius scriptorem ut, cu mazim neglegentur pro. Vim nostrum luptatum constituam ad, mel similique expetendis no. Augue affert prodesset ne has, esse porro eum ei, vel prima nonumy lucilius at. Pri no urbanitas appellantur, pri vocibus sapientem in. Prompta constituam sit eu, sea ei ancillae consequuntur, ei sea etiam definitionem.

Dico tantas eum an, has at vide munere, an qui oportere delicatissimi. Melius fierent corrumpit ius ei. Id duis magna nobis cum. Pri maiorum reprimique at, sit modo tempor delicata ea, recteque expetenda efficiendi at per. Iusto tantas eam ut, ex prompta eloquentiam eum. Pro te docendi invidunt, iriure impetus adolescens at duo.

Nec ut fugit falli, consul doctus intellegebat cu est. Cu mea vidit vivendum, nonumes mnesarchum pro at. Ut numquam meliore deserunt vis. Sit id soleat ceteros. In convenire gloriatur vel. Ea pri consulatu gloriatur.

His ea etiam fuisset deseruisse, odio posse novum ex qui, in mea fierent voluptatibus. At qui sonet detraxit cotidieque, te legendos persequeris vituperatoribus eos. Pro amet congue ex, eu his illum oratio. Audire iracundia et usu. Esse tritani sententiae ex has.

Nam id posse inciderint, ei elit modus vim, no ullum commodo graecis per. Cum copiosae eleifend id, quo id quas cetero. Prima vidisse no per. Pro euismod posidonium no, pro laudem viderer ad. Ex reque lorem contentiones quo. Eos id clita vocibus placerat, ius doming ornatus pertinax te, pri unum platonem patrioque ut.</div>
<div id="if_one">
    <a id="agree1" class="step_button" href="#">I Agree</a>
</div>
<div class="narrow">Lorem ipsum dolor sit amet, ei nec postea suavitate. Sed lucilius scriptorem ut, cu mazim neglegentur pro. Vim nostrum luptatum constituam ad, mel similique expetendis no. Augue affert prodesset ne has, esse porro eum ei, vel prima nonumy lucilius at. Pri no urbanitas appellantur, pri vocibus sapientem in. Prompta constituam sit eu, sea...

CSS

.narrow {
    width: 200px;
}

#agree1 {
    color: green;
}
#agree2 {
    color: pink;
}

JavaScript

function scrollToTop(ele) {
    $('html, body').animate({
        scrollTop: $( ele ).offset().top
    }, 500);
};

scrollToTop('#agree1');