Skip to content
Best 4 Web Design
Useful tools, resources & freebies for
Front-End Web Developer, UX Designer & Web Designer

On Scroll Header Effects

You’ve surely seen those really cool on scroll effects for headers that have been around lately. One example is the header on the Riot Industries website by Phil Renaud which rotates in 3d on click and enlarges when scrolling down. Similar work has been done by Johnny Simpson where he explores Scroll Activated Fixed Header Animations. We’ve also created a...

Go to the Site
On Scroll Header Effects

Sal – Scroll Animation Library

sal-scroll-animation

Scroll Header

Horizontal Scroll WordPress Theme

Scroll Slider

Easy Scroll Animations for Web

Page Scroll Effects

Add Infinite Scroll to the WordPress Admin

Freebie: 7 Pretty and Responsive Header Templates

Auto-Hide Sticky Header

35 Website Layouts using Fixed Header Bars

Sliding Header Layout

Parallax Sound Waves Animating on Scroll

25 Trendy Websites with Header Images

How to create an animated sticky header, with CSS3 and jQuery

Create a pull-quote that flips on scroll

The jQuery Plugin for magical scroll interactions

Reveal CSS animation as you scroll down a page – WOW.js

FancyScroll.js: Add an iOS/Android Overflow Scroll Effect

One Page Scroll

A Simple jQuery Plugin for Animating Scroll

How to Add a Smooth Scroll to Top Effect in WordPress using jQuery

On Scroll Effect Layout

Justified and Vertically Centered Header Elements

On-Scroll Animated Header

How To Create a Simple Collapsing Header Effect

Creating a responsive header in WordPress 3.4

Awesome CSS3 animated header

Best 4 Web Design
Useful tools, resources & freebies for
Front-End Web Developer, UX Designer & Web Designer
[email protected] | Privacy