用于创建粘性元素的jQuery插件

1. Sticky Navbar.js

stickyNavbar.js is a jQuery plugin that helps you stick your navigation bars to the top of the browser window during scrolling. It could stop right here but stickyNavbar.js offers more: you can use your favourite jQuery effects or even fantastic Animate.css library to spice up your navigation.

2. ScrollNavijs

ScrollNaviJs is jQuery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.

3. jQuery Auto Fix Anything

Auto Fix Anything jQuery plugin will let you automatically fix position of any container on your website with one JS call. The plugin will detect when to fix/unfix the position automatically.

4. StickUp

stickUp is a simple jQuery plugin that allows you to designate an element or navigation menu which will stick to the top of the page once scrolled past, and will return to place when scrolled past the other way.

5. Headhesive.js

Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. It’s a standalone JavaScript plugin with no dependancies.

6. Smint

Smint is a simple jQuery plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

7. Sticky Kit

Sticky-Kit is a jQuery plugin for making smart sticky elements Sticky-Kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

8. ScrollToFixed

ScrollToFixed is a jQuery plugin that used to fix elements on the page (top, bottom, anywhere); however, it still allows the element to continue to move left or right with the horizontal scroll.

9. Fixto

fixto is a jQuery plugin for sticky positioning. Fix containers to the viewport relative to an ancestor. It is responsive, can handle multiple instances, sensitive to viewport height and can start, stop and destroy.

10. hcSticky

hcSticky is a cross-browser jQuery plugin that makes any element on your page float. It is used for sidebars on long pages, so they can be visible all the time user scrolls down the page, instead of a empty space visitors usually see. It is also used for floating top menus, emphasizing it to the user at all time.

11. Position Sticky

jQuery.positionSticky is a sticky positioning polyfill for jQuery. Support for display and float properties example and sidebar example included.

12. jQuery Stick’em

jQuery Stick ‘em plugin makes items sticky as you scroll, to a point. Easy to implement and flawless to the point of perfection, this is indeed a very useful plugin.

13. jQuery Sticky Alert

Sticky Alert is a minimal jQuery plugin to add a sticky alert bar to the top of your website. It’s available under the MIT license and is free for use on personal or even commercial projects.

14. Hachiko

Hachiko is a jQuery sticky plugin that allows a relatively positioned element to be stickied onto the screen when the element is scrolled outside of the viewport. Instead of changing the position of the element on window scroll, this plugin creates a clone of the original element and set the clone to be fixed positioned so the original layout is always preserved.

15. Stickyjs

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

16. Scroll Magic

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar. It’s the plugin for you, if you want to start an animation at a specific scroll position, synchronize an animation to the scrollbar movement, pin an element at a specific scroll position (sticky elements).
You can easily add a parallax effect to your website with ScrollMagic. You can call functions when the user hits certain scroll positions or react in any other way to the current scroll position.