JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://markdalgleish.com/projects/stellar.js/js/stellar.js"></script>
<div class="break stageOne" data-stellar-background-ratio="0.5"></div>
CSS
.stageOne{
background-image: url(http://matthewduclos.files.wordpress.com/2012/04/canoncine.jpg);
margin-top: 60px;
}
.break{
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative;
float: left;
width: 100%;
height: 700px;
}
JavaScript
$.stellar({
horizontalScrolling: false,
verticalOffset: 0
});