JSFiddle - React, Tailwind, and code Playground

by arjuncc

HTML

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="holder">
    <span class="top">back to top</span>
							<h2>Women motoring ahead</h2>
							<p class="introtext">[Landing page summary. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>
							<p>[Body content Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>

							<h2>One team, one corrections</h2>
							<p class="introtext">[Landing page summary. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>
							<h3>Subtitle</h3>
							<p>[Body content Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>

							<h2>New hope for addicts</h2>
							<p class="introtext">[Landing page summary. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>
							<p>[Body content Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.]</p>

							<h2>Drug detection dog duo</h2>
							<p class="introtext">[Landing page summary. Lorem ipsum dolor sit amet, consectetuer adipiscing elit,...

CSS

.holder span.top
{
	display:block;
	z-index:999;
    right:0px;
	position:absolute;
    top:0px;
}

JavaScript

$('document').ready(function(){
	var $scrollingDiv = $("span.top");
	$(window).scroll(function(){			
		$scrollingDiv
			.stop()
			.animate({"top": ($(window).scrollTop() + 0) + "px"}, "slow" );
	});
});