Skip to content

Scroll Indicator

@iDoMeteor edited this page Mar 3, 2016 · 2 revisions

Intelligent

THe #OnePageWonder scroll indicator appears when you have more than one row of content. It provides a visual indication to the user that there is more content (either above or below) as well as providing a physical mechanism to actually move to that content as well.

When activated, the scroll indicator will perform an animated page scroll to the next section. If the last section on the page is active, it will scroll to the top.

Flexible

You can configure the scroll indicator to appear in the footer, or within the actual sections themselves. This would be especially handy if, for instance, your design does not feature a footer. :)

You can also easily change the appearance of the scroll indicator by over-riding the CSS or altering the configuration settings.

How It Works

This currently works by listening to Bootstrap Scroll Spy events and determining the active state (top/next/prev/last properties) using #OnePageWonder rows.

Coming Soon

Multiple Modes

The scroll indicator will eventually offer a top/previous/next/bottom mode as well.

Stand-Alone Version

I intend to provide a stand-alone version of this that will operate by reading the DOM rather than relying on OPW.

Clone this wiki locally