Thursday, 24 January, 2019 UTC
Summary
A few of the plugins in a list below avow you to stick any DOM element. These plugins are light-weight and simple to integrate.
Stick Em Up!
Stick Em Up
Stick Em Up is a jQuery plugin that avows easy way to determine when an element has been reached, passed, and passed back.
Slinky.js
Slinky.js
Slinky.js is a jQuery plugin to create beautiful convoluted driven navigation lists with stacking headers that stay visible at all times.
StickyStack.js
StickyStack.js
StickyStack is a jQuery plugin that creates a mountain effect by lingering panels as they reach the top of the viewport.
Midnight
Midnight
A jQuery plugin that switches between multiple header layouts as you scroll, so you always have a descent that looks great with the contented below it.
sMint
sMint
Saint is a simple jQuery plugin that helps with the exploring on one-page style websites. It has 2 main elements, a sticky navigation bar that breaks at the top of the page while you scroll down and menu buttons that naturally scroll the page to the section you clicked on.
Sticky-Kit
Sticky-Kit
Sticky-Kit provides an easy way to secure elements to the page when the user scrolls such that the aspect is always visible.
stickyNavbar.js
stickyNavbar.js
stickyNavbar is a jQuery plugin that helps you wedge your navigation bars to the top of the browser window amid scrolling.
Headhesive
Headhesive
Headhesive.js organize an on-demand sticky header. Indicating where you want your header to become set and the rest is magic.
Sticky Header
Sticky Header
It’s a simple jQuery plugin for making the sticky header.
HC-Sticky
HC-Sticky
HC-Sticky is a cross-browser jQuery plugin that composes any element on your page float. It is used for reaction on long pages, so they can be evident all the time user scrolls down the page, rather of an empty space company usually see. It is also used for floating top menus, affirm it to the user at all time.
MakeFixed.js
MakeFixed.js
MakeFixed.js is a jQuery plugin to the dynamic set up elements to be fixed during scroll. It’s lightweight and own callback functions.
Headtacular
Headtacular
Headtacular is a nice moderate sticky header a jQuery plugin. As the user scrolls, the script will check if they have circular past the scrollPoint. If so, it will add the CSS class .is-stuck to the design object.
stickUp
stickUp
stickUp is a jQuery plugin that “sticks” an element to the top of the browser window while scrolling, always care it in view. This plugin entirely on multi-page sites, but has an additional appearance for one-pager layouts.
Headroom.js
Headroom.js
Headroom.js is a failing, high-performance JS widget (with no dependencies!) that allows you to feel to the user’s scroll. The header on this site is an alert example, it slides out of view when scrolling down and slides back in when scrolling up.
Stickr.js
Stickr.js
Stickr.js is a jQuery plugin that helps you create different sticky elements on a page and show with a robust set of options that allows anyone to make its task great on their setup.
See more:
jQuery Cheat Sheet – All in one
12 Must-Have HTML5 Text Editors
The post jQuery Sticky HTML Element Plugins appeared first on I'm Programmer.