JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id="ce" style="margin: 0 auto; width: 400px;background-color:white">
<p>&nbsp;</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas inventore culpa dolore sed ducimus architecto autem accusamus fugit cupiditate aliquam voluptatibus explicabo debitis deleniti velit assumenda placeat animi consequuntur quod.</p>
<p>&nbsp;</p>
<p>Iusto repellendus officia tenetur perferendis maxime illo eligendi dolorem vitae quas molestiae porro temporibus eaque commodi ratione cupiditate atque assumenda. Aspernatur ducimus atque id modi vel consectetur rem fugit quae.</p>
<p>&nbsp;</p>
<p>Aliquam dignissimos saepe esse dolor aperiam praesentium consequuntur quibusdam voluptatem minima delectus commodi iste quaerat unde earum iure eaque sunt quod dolore cupiditate excepturi veniam maxime nulla cumque assumenda quidem.</p>
<p>&nbsp;</p>
<p>Ad pariatur neque non ipsam nam sed sit odit reprehenderit quas assumenda ab laborum iure dolorem ipsa cum minus accusamus voluptatem voluptate consequuntur deleniti? Quos maiores tempore aut obcaecati inventore.</p>
<p>&nbsp;</p>
<p>Distinctio sint corporis modi id eius itaque obcaecati tenetur cumque culpa ipsam aliquam nobis assumenda asperiores eos minus repellat perferendis consequatur maiores quasi odio! Explicabo corporis quis perspiciatis ipsa natus.</p>
<p>&nbsp;</p>
<p>Eum labore sint quod quae magnam ipsam commodi molestiae ea maiores deserunt alias iusto fugiat provident! Quidem nisi quaerat labore porro eos nemo eveniet quasi animi ratione accusantium at nesciunt.</p>
<p>&nbsp;</p>
<p>Dolorem commodi rem in blanditiis nam minima veniam possimus modi! Cum temporibus quisquam reiciendis fugiat totam nesciunt magnam delectus doloremque velit at beatae ut vero voluptatum ipsa repellat! Autem quibusdam!</p>
<p>&nbsp;</p>
<p>Officia quo sapiente adipisci aspernatur vitae magni voluptatum consequatur odit provident aliquam eaque consequuntur ipsam recusandae dicta laboriosam. Culpa molestiae perferendis eius adipisci...

CSS

body {
    background: #f6d654 url(https://images-na.ssl-images-amazon.com/images/I/51SH-uy4DPL._AC_SY400_.jpg) fixed center 0px;
}
p {margin: 5px 0; padding: 0 15px}

JavaScript

$(window).scroll(function () {
    var hohoh = Math.round($(this).scrollTop()*-.3);
    $('body').css({backgroundPosition: 'center '+hohoh+'px'});
});