Sticky JS

Sticky JS can be applied to any element on a Web page.

Sticky JS can make elements sticky page-wide or just inside a selected parent container.

While the desired element is in its natural viewport visibility state, it will remain in its designated position.

As soon as it start to go off-screen it will stick to the top of the page, remaining visible until a newer element comes into view.

A demo is included with the download package.

The sticky effect has been cloned from iOS long list scrolling.

Requirements:

• JavaScript enabled on client side