StaticScroller 1.1

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.



Details

Author
Luke Ehresman
Current version
1.1
GitHub
lehresman/StaticScroller
Downloads
23426
Category
Effects
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.1: *

How to use

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>

Options

The constructor takes an optional second parameter for options. Valid options are:

  • offset (number defaults to 20): the offset from the top of the viewport to begin scrolling.
  • scrollElement (mixed defaults to document): The element reference or string for the id of an element upon which to attach the scrolling event.

Discuss

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