# HC Sticky

### Cross-browser plugin that makes any element on your page visible while you scroll

- ## Default - bigger than window

  Page with a sidebar that is bigger than window height. Sidebar should stick to the bottom of the page when scrolled down, and to the top of the page when scrolled up.

  Launch Demo

- ## Default - smaller than window

  Page with a sidebar that is smaller than window height. Sidebar should stick to the top of the page when scrolled down or up.

  Launch Demo

- ## Multiple Stickies

  Nice example showing multiple stickies on one page.

  Launch Demo

- ## Inner Sticker

  Use `innerSticker` option to stick at a certain element. In this example, sticky will stick to the second box inside the sidebar only when you go up. When you go down it sticks to the bottom of the sidebar.

  Launch Demo

- ## Inner Sticker not following scroll

  Use `innerSticker` option to stick at a certain element, and `followScroll:false` so the sidebar doesn't follow the scroll once attached. In this example, sticky will stick to the second box inside the sidebar when you go down or up.

  Launch Demo

- ## Inner Top not following scroll

  Use `innerTop` option to stick after a certain distance, and `followScroll:false` so the sidebar doesn't follow the scroll once attached. In this example, sticky will stick 200px from top inside the sidebar when you go down or up.

  Launch Demo

- ## Browserify test

  HC-Sticky called through browserify.

  Launch Demo

- ## jQuery test

  HC-Sticky called with jQuery.

  Launch Demo

Some Web Media