Large placeholder image. For placeholding, you see.

jQuery StickyChimp Plugin Example

StickyChimp is a jQuery plugin which mimics the sticky menu functionality found on the new MailChimp website (http://www.mailchimp.com). The menu is hidden as you start to scroll down the page and your focus moves to the content itself. If you start to scroll back to the top of the page (where the menu normally resides) or reach the bottom of the page the menu will reappear.

Using the plugin is simple, call the StickyChimp plugin on your menu element (that is position: fixed) and away you go.

Download this plugin

Example

$('.menu-wrap').stickychimp();

Questions / Issues?

Any questions? Feel free to post them via Github at https://github.com/nbrock/StickyChimp/issues.

And now...some ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacinia ac leo quis ornare. Fusce posuere elit ante, sed ullamcorper diam luctus ac. Cras rhoncus pretium urna, eget adipiscing justo tincidunt eu. Quisque condimentum nulla a mi congue vestibulum. Curabitur et condimentum sapien. Nullam ut purus eu purus semper malesuada vel ac enim. Maecenas ornare eros a nisi fermentum, ac gravida nulla tincidunt.

Duis feugiat magna ut nisl malesuada mattis. Mauris ac felis purus. Sed sed dolor mi. Phasellus et lobortis justo, eu tristique lorem. Cras tristique turpis ut ligula mollis pretium id nec tellus. Cras accumsan neque in mattis sodales. Suspendisse eget libero consequat, scelerisque dui sit amet, laoreet justo. Etiam scelerisque leo vitae egestas accumsan. Phasellus ullamcorper, sapien a auctor auctor, purus mi venenatis augue, vitae venenatis purus erat ultricies nisi. In ut dapibus erat. Phasellus at nisl commodo, condimentum odio luctus, ornare purus. Ut condimentum nisi consequat nisl adipiscing porttitor. Etiam sed magna at dui egestas facilisis. Sed vulputate justo id blandit blandit. Curabitur non est nec dolor elementum elementum. Donec elementum eget justo sit amet bibendum.

Aliquam facilisis dignissim justo. In ornare euismod erat, vel commodo libero rutrum sed. Sed id pellentesque leo. Pellentesque at libero vitae metus venenatis dictum. Proin mi metus, rhoncus et ultricies nec, ultrices eu orci. Nulla pulvinar condimentum nulla, ac placerat turpis iaculis a. Nunc eu neque tempor, tempus nulla eget, posuere justo. Curabitur hendrerit pulvinar libero sit amet convallis. Donec imperdiet faucibus viverra. Nulla id gravida arcu. Aenean volutpat lorem at nibh vestibulum mattis. Curabitur lacinia eros eu interdum dictum. Mauris placerat aliquam lacus.

Proin vel purus leo. Pellentesque sollicitudin et leo sagittis pretium. Aliquam sit amet sem lacinia elit adipiscing malesuada. Quisque luctus tortor in cursus sollicitudin. Sed non neque sit amet leo condimentum pulvinar aliquam nec metus. Mauris blandit lacinia tempus. Duis volutpat nibh eu nibh porta eleifend ut id ligula. Maecenas interdum augue magna, vitae euismod justo commodo hendrerit.

Phasellus hendrerit, risus vitae convallis tempus, purus lectus ullamcorper turpis, a ullamcorper mi quam id diam. Vivamus faucibus nulla id urna interdum, sit amet blandit metus pretium. Cras varius posuere accumsan. Sed at elementum ante. Aliquam non massa vel erat consequat facilisis vel egestas augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nunc metus, blandit ac justo a, venenatis vulputate ligula. Suspendisse blandit arcu vel ipsum aliquet, at tincidunt velit vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent turpis purus, vestibulum at pretium porta, viverra eu lectus.

jQuery StickyChimp Plugin Example

And now...some ipsum

For the purposes of scrolling up and down

Lots of text for you to scroll through. Fun!