Sticky Header

Creative Jquery Animated Sticky Header with Navigation Bar

Jquery Animated Sticky Header

We have another idea of building a creatively animated header using Jquery & CSS3. It will sticky the navigation bar and keep it hidden until scrolling the page down. You may find such kind of example around the…

Read More »

Animated Sticky header on Scroll with CSS3 and Javascript

Animated Sticky header on Scroll

We have seen different many headers which animated on a scroll and with CSS only or sometime Jquery but how about creating one with CSS3 & Javascript? In this post, We will show you how to make the…

Read More »

Nice Animated Resizing Header on With CSS3 & Jquery

nice-scroll-animated-header

The CSS3 sticky header is most popular nowadays in web designing. But if we make it animated & resize on-scroll it will enhance the beauty of any website. To create a simple fixed header or navigation can be…

Read More »

CSS Fixed Header with Auto Height Scrolling Body

CSS Fixed Header with Auto Height Scrolling Body Content

You may know that It is quite easy to an achievable sticky header with CSS but the issue comes with we need the content area in auto height. In this tutorial, I will go to create a CSS…

Read More »

Sticky Navigation Bar using Jquery with Border Indicator

Sticky Navigation Bar using Jquery with Border Indicator

Do you know how to make the sticky header on scroll? What about making the navigation bar sticky using Jquery? Yep, we are going to do an exact same thing. The new way of web design uses the…

Read More »

Create Simple Pure CSS Sticky Header on Scroll

Simple Pure CSS Sticky Header on Scroll

It’s time to create simple pure CSS sticky header which will stay at top while scroll down the page. I will  build with HTML and CSS technique & no Js at All. A header navigation will stick at…

Read More »