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!

jQuery Tip 6 Accordion jQuery Tip 6 Accordion
jQuery Tip 9 Table Striping jQuery Tip 9 Table Striping
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
Leave a comment

Leave a Reply