JSFiddle - React, Tailwind, and code Playground

by Samir Chaves

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eros lorem, convallis eu tincidunt sit amet, faucibus vitae elit. Cras non hendrerit lectus, a sodales ex. Aenean sed massa gravida, aliquam est eget, molestie lacus. Duis in bibendum arcu, sed dictum nulla. Mauris eu tincidunt neque, eu tristique ex. Ut sit amet ipsum quis odio ullamcorper accumsan eu id sapien. Pellentesque imperdiet velit vitae nibh tincidunt, quis interdum nisi suscipit. Pellentesque ex dui, dignissim sit amet ex ac, posuere sollicitudin turpis. Fusce ullamcorper bibendum arcu a fermentum. Donec vitae ornare dui. Suspendisse pulvinar at velit vel tincidunt. Ut ac posuere turpis. Fusce consectetur, tellus a tempor ultrices, nisi eros elementum massa, id suscipit urna neque vel sapien. Integer cursus enim ligula, ac varius nisi tincidunt et. Sed vel purus lectus. Maecenas sed ipsum ex. Curabitur tincidunt tincidunt quam ac tincidunt. In facilisis leo est, ac cursus risus rhoncus nec. Maecenas finibus enim sed commodo hendrerit. Maecenas eu eros est. Praesent efficitur congue nulla. Donec in nisi nibh. Sed mi turpis, volutpat eu fermentum vitae, vestibulum sed mi. Etiam ac ullamcorper erat. Curabitur justo felis, tempus sed dignissim vestibulum, hendrerit ut sapien. Nunc sagittis in turpis at feugiat. Duis nulla augue, malesuada nec nunc ac, auctor cursus diam. Vestibulum interdum suscipit magna. Pellentesque aliquam tincidunt risus in pharetra. Aliquam mi odio, sollicitudin eget velit ac, commodo aliquet lorem. Cras pulvinar leo nibh, sit amet pulvinar purus vulputate sit amet. Proin sit amet sapien odio. Maecenas nisi nunc, scelerisque in lobortis at, tempor et eros. Phasellus feugiat massa ut sollicitudin pharetra. Suspendisse varius, purus quis volutpat laoreet, velit mi elementum nisi, in finibus magna metus sed erat. Aliquam tortor dolor, volutpat a mollis quis, facilisis id lectus. Pellentesque hendrerit molestie nisl, vel aliquet nisi. Vestibulum nec aliquam ante, ut...

CSS

body, html{
  height: 1000px;
  width: 100%;
}

JavaScript

$(document).on("scrollstart", function (e) {
  var active = $.mobile.activePage[0].id;
  if (active == "pg_remote-address-book") {
    $('p').css('color', "black");
  } else {
    $('p').css('color', "red");
  }
});