Within Viewport

Collapse

Scroll around the page. Boxes that are completely within the viewport will darken.

Options

Viewport element

Viewport element:

window

An arbitrary <div>

Boundaries (defaults)

Boundaries

Top

Top

Set a threshold for the top edge. Number of pixels from the edge

Ignore

Right

Right

Set a threshold for the right edge. Number of pixels from the edge

Ignore

Bottom

Bottom

Set a threshold for the bottom edge. Number of pixels from the edge

Ignore

Left

Left

Set a threshold for the left edge. Number of pixels from the edge

Ignore

Method

Method:

Asynchronous

Synchronous

Show code

withinViewportAsync(elem)

Node module • GitHub • Blog post