Usage

1. Include JQuery

<script type="text/javascript" src="jquery.js"></script>

2. Include required plugins, including Scroll Follow:

<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="jquery.easing.js"></script>

3. Call Scroll Follow on the desired DOM object: See Example

<script type="text/javascript">
	$( '#example' ).scrollFollow();
</script>

4. Or call Scroll Follow on the desired DOM object and give it some parameters: See Example

<script type="text/javascript">
	$( document ).ready( function () {
		$( '#example' ).scrollFollow( {
			speed: 1000,
			offset: 60,
			killSwitch: 'exampleLink',
			onText: 'Disable Follow',
			offText: 'Enable Follow'
		} );
	} );
</script>

5. The Scroll Follow object will remain inside its immediate container. See Example
6. Or you can specify a parent (by ID) for the Scroll Follow object to consider its container: See Example

<script type="text/javascript">
	$( document ).ready( function () {
		$( '#example' ).scrollFollow( {
			container: 'outer'
		} );
	} );
</script>

7. Scroll Follow uses the "top" property of an object to slide it. Therefore, the "position" of the object must be set to either "relative" or "absolute." Other than that limitation, the Scroll Follow object should be completely configured through CSS.