JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<script src="http://prinzhorn.github.io/skrollr/dist/skrollr.min.js"></script>
<div id="scroll-wrapper">
<h1>I don't wanna move!</h1>
<svg class="fixed" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="1200px">
<path
style="fill:none;stroke:#333333;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:6000;stroke-dashoffset:0" data-0="stroke-dashoffset:6000;" data-end="stroke-dashoffset:0;" 
    d="M 50 100 Q 50 300 350 300 Q 650 300 650 500"
			/>
		</svg>
</div>

CSS

h1 {
    position: fixed;
}

svg.fixed {
    position: absolute;
}

#scroll-wrapper {
    height: 1000px;
}

JavaScript

skrollr.init({
		forceHeight: false
	});