A simple, lightweight jQuery plugin that allows you to make your html elements scroll alongside other content.
Currently in pre-release, feedback and issues welcome.
Include script after the jQuery library:
<script src="/path/to/sticky.js"></script>Include the basic css stylesheet (or add it to your own):
<script src="/path/to/sticky.css"></script>Any element in your HTML can become sticky through the use of the following data tag:
<div class="secondary-content" data-scroll-with=".primary-content">...</div>Then in your jQuery call the plugin as follows:
jQuery('[data-scroll-with]').sticky();The data attributes currently supported by the plugin are:
data-scroll-with
: The selector for the element that you want to scroll alongside.
This plugin current doesn't support and options:
jQuery('a').sticky({});