JSFiddle - React, Tailwind, and code Playground

by Todd Levy

HTML

<script src="http://kitchen.net-perspective.com/sf-example/jquery.scroll-follow.js"></script>
<body>
		
	<div id="example">
	
		<img src="/images/ducks.png" alt="Ducks" />
		
		<p>
			This is a simple example of Scroll Follow. Scroll down to see what happens.
		</p>
		
		<p>
			<a href="http://kitchen.net-perspective.com/open-source/scroll-follow/">Back to Scroll Follow home.</a>
		</p>
	</div><!--end #example-->
</body>

CSS

body {
			margin: 0;
			padding: 0;
			height: 2000px;
			font-family: Georgia;
			font-size: 0.9em;
			line-height: 1.4em;
		}
		
		#example {
			position: relative;
			width: 180px;
			margin: 10px;
			padding: 20px;
			background: #eee url(/images/sfbgTile.png);
			border: 2px solid #42CBDC;
		}
		
		p {
			margin: 7px 0 0 0;
		}

JavaScript

$( document ).ready( function ()
			{
				$( '#example' ).scrollFollow();
			}
		);