LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 7 Fixed Header Scroll Event

*Set the video to HD for best viewing experience.
Written by Posted on August 30th, 2013 No Comments
Share This

Today we are making jQuery Tip 7 Fixed Header Scroll Event.

What were doing is doing a window scroll event, so when the window object scrolls beyond a certain point we are going to do something and if not we are going to something else.

So lets get started…

Markup

 CSS

 jQuery

Here is a link to the jQuery api on scroll events if you want to learn more. http://api.jquery.com/scroll/

I hope this helps with some project and as always feel free to download the files below.

and as always …

Happy Coding!

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

How to use Modernizr SIMPLIFIED How to use Modernizr SIMPLIFIED
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
jQuery Tip 16 Crop an Image jQuery Tip 16 Crop an Image
Leave a comment

Leave a Reply