A jQuery plugin to dim the current page once the top of a specific element has crossed the halfway point of the viewport
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
jquery.dimmr-min.js
jquery.dimmr.js

README.md

dimmr

A jQuery plugin to dim the current page once the top of a specific element has crossed the halfway point of the viewport

USE:

$('#target').dimmr();

OPTIONS (and defaults):

animationSpeed: 600

How long it takes (in milliseconds) to fade overlay in/out

opacity: 0.8

How opaque the overlay will be

zIndex: 1

The z-index of the overlay

NOTES:

Make sure to set the z-index of any element you'd like to appear on top of the overlay.

See it in action

Developed by Stephen Widom - http://stephenwidom.com