Home > Stuck-On-Top

Stuck-On-Top

Stuck-On-Top is a project mainly written in JavaScript, it's free.

Makes headers stick to the top of the screen while staying within their container

StuckOnTop

Demo

Stuck on top is a simple jQuery plugin that sticks a specified element to the top of the screen while keeping it within it's container.

Usage

$("#container").stickyHeaders();

OR

$("#container").stickyHeaders(options);

Options headerClass: The css class of the header to stick to the top of the page. Defaults to header.

padding: The amount of padding to apply to the top of the screen before the header gets stuck. Useful if you have a fixed menu bar at the top of your page. Defaults to 0px.