jQuery plugin that dynamically sticks content headers and footers to the top and bottom of viewport.
Best jQuery Fixed Header Plugins & Tutorials with Demo
FlyOut : CSS3 Fixed and Sticky Website Banner Positions
FlyOut sticky website banners are ideal way to display your banners. You can show HTML5, Flash, gif, textual or static image banners effectively and with style.
- 14 predefined banner sizes
- 7 predefined fixed banner positions
- Eye catching visual effects
- Custom options to fit your needs
- Delay the banner visibility based on time
- Delay the banner visibility based on scroll
- Set a cookie if a visitor chooses to close the banner
- Insert iframe, object or any kind of element
Loading Header while Scrolling with jQuery & CSS3
This tutorial will teach you how to create a loading header effect while you scroll. To create this we will use both jQuery and some CSS features. This tutorials has 4 examples and i will explain in detail how each works.
Loading header while you scroll it’s a growing trend in the web design industry. It’s a great visual way of letting users know how much more they have to read until the end of the article.
StickemUp! : jQuery plugin to make Elements Sticky
Stick Em Up is a jQuery plugin that provides easy way to determine when an element has been reached, passed, and passed back.
The plugin will also tell you what direction the user was scrolling when it hit that element, and fires an optional callback during scrolling to do what you please with this information.
CSS3 Sliding Header Layout
Today we’d like to show you how to create a simple grid layout with a special header effect. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header with the fullscreen image animates upwards and reveals a grid of image anchors with a title. We’ll be using some techniques like Flexbox and CSS Transitions for modern browsers.
Shrinking Fixed Top Bar with jQuery & CSS3
A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I’m going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we’ll add a couple of media queries to make our menu responsive.
