JSFiddle - React, Tailwind, and code Playground

by 420 873535

HTML

<div class="huy">
    <p>Dicere nec benedictus filiae multi ingenio in modo ad quia illum. Regis suam ut diem derelinquere patris super pariter necandum loco sed esse ait. Autem nobiscum laetitia filia in lucem concitaverunt in modo invenit Boreas ingreditur est in. Impossibile ait mea Stet consequat Verena amica ripam, proicite a his e neptem semper coniungere optavimus. Dicis filiam rex ut sua Cumque materia eam est se sed quod ait est in deinde cepit roseo ruens sed. Stet consequat Verena est se ad suis Tyrium coniugem Jesu Dionysiadem tuos ratio puella. Verenam operibus furiam conclusoque sponte profundo filia navem aspectum cui. Tollite autem illud huius dulcis natura exeunte collegi in deinde cepit roseo ruens sed esse more defuncta ait.</p>
    <p>Gaudeo in lucem genero quod eam sed. Amet Cur meae sit audivit mihi. Scelerata nunc eam ad suis ut a civitas iter. Ingens ferro conparuit de me naufragus ait est amet coram regis iam, recedite fit ecclesiam mittam est amet Cur meae. Dona abstulit meis caligine templo die ad suis. Crede respiciens coniugem in deinde cupis auras sed eu fides se sed quod non dum est se est cum. Nutricem sum concumbens meam celebrabantur Apollonius mihi quidditas patria convivium filiam. Innumera patris alicui virginis in fuerat se vero quo accumsan in. Cellam modico illius ergo adseris de memor nostris qui auri Neptunus spatia tribulatione ad suis. Se in fuerat construeret cena reges undis Tharsiam si quod non potentiae cognoscitivarum. Audiens per sanctus primum intus huius beneficium peregrina. Famuli dabit beata inter autem est in lucem concitaverunt in. Post multi quia iuvenis est se sed. Zurciaca diebus lectulum venalia possis in deinde cupis auras.</p>
    <p>Rogavit cum obiectum invidunt cum unde non ait. Scrutor audire propter quae non coepit dies recessissent fit. Vobis dixerunt facere matrimonium petivit. Iriure dolore suas in rei exultant deo apprehendit in deinde vero diam '. Impossibile post iactavit per accipere filia...

CSS

body {
    background: #f6d654 url('http://www.kolumbus.fi/jkald/images/cas200.jpg') fixed center 0px;
}
.huy {
    margin: 0 auto;
    width: 400px;
    background-color:white;
}
p {
    margin: 5px 0;
    padding: 0 15px
}

JavaScript

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