A sticky navbar helps you keep your website clean and easy to read. Using this technique, the navigation bar remains at the top of the screen and never scrolls away. Meanwhile, the main content area remains below the navigation bar, … Read More
It looks really cool to trigger an animation on scroll event, especially for the navbar. As earlier we created shrinking navbar animation on scroll event, today we are back with a similar tutorial for the navbar animation. In this tutorial, … Read More
There are many effects for the sticky header menu that can be revealed on scroll event. A shrinking header animation is one of the best of these animations to shrink a thick header and fixed it on the top of … Read More
Today, we are going to create HTML div element sticky on window scroll event. Want to know how? well, when scroll reaches a certain point of the webpage, we’ll stick div by using the CSS position property. So, move on. … Read More
Are you looking for a unique idea to create a smooth jQuery animated sticky header which shows on scroll? In this simple tutorial, you will learn all about it. With the help of CSS3 transition, we will handle its animation … Read More
In this post, I will show you how you can create easily animated sticky header on the scroll which builds with CSS3 and JavaScript only. You don’t need to apply to third-party services or jQuery. You have seen many different … Read More
We know that the fixed header with scrolling body content area is most popular nowadays in web designing. But if we make animated header & resize on-scroll it will enhance the beauty of any website. There are many ways to … Read More
In this tutorial, I am going to create a CSS fixed header with auto height scrolling body content so that the content should be automatically adjusted instead of fixed. You may know that It is quite easy to create a … Read More
One of creativity of website design to create a jQuery sticky navigation bar on scroll which shows border indicator while a user on the scroll the page to the down. Creating stunning navigation is always important for a good looking … Read More
It’s time to create simple but pure CSS sticky header on scroll that will stay fixed at the top the page. When user on scroll down the page, the fixed header comes along with the mouse scrolling. Header navigation will … Read More
