The StaticScroller will keep an element visible on the screen at all times, and does so in a visually appealing manner. The element will stay in its static position until the user has scrolled past the element. Then its position is dynamically changed so it stays in a fixed position using Element.Pin for browsers that support position: fixed. When they scroll back up past its original position, the element will again position itself in its original place.
Using the plugin is simple. Just pass the id (or element reference) into the constructor. If you want this effect to happen starting with the initial page load, then wrap it in a "domready" event on the window.
<script type="text/javascript"> window.addEvent("domready", function() { new StaticScroller("container"); }); </script>
The constructor takes an optional second parameter for options. Valid options are:
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus