JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<script src="http://www.thepetedesign.com/demos/jquery.onepage-scroll.js"></script>
<link rel="stylesheet" href="http://www.thepetedesign.com/demos/onepage-scroll.css">
<section class="page1 ops-section" data-index="1"></section>
<section class="page2 ops-section" data-index="2"></section>

CSS

html, body {
    height: 100%;
}
section.ops-section {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-attachment: scroll
    height: 100%;
}

section.page1{
    background-image: url(http://www.placehold.it/500x500);
}
section.page2 {
    background-image: url(http://www.placehold.it/200x200);
}

JavaScript

$(function(){
    $(".main").onepage_scroll();
});