Sticky Navigation Tutorial (Fixed Position CSS + JavaScript / jQuery)

Published: 28 March 2014
on channel: LearnWebCode

154,397

1.4k

Join my 2024 Bootcamp course experience https://learnwebcode.teachable.com/p/...

Learn how to create a "sticky" navigation (element should use "fixed" position once it would normally scroll out of view).

Link to the demo files shown in the lesson:
http://learnwebcode.com/sticky-naviga...

Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcod...

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/

Follow LearnWebCode on Twitter for resources and updates:
  / learnwebcode

In this lesson we make use of JavaScript and the jQuery library for event handling and conditional logic. If you are unfamiliar with JavaScript I recommend watching these two introductory videos:

   • JavaScript and jQuery Tutorial (for Beginn...

   • jQuery Variables, Functions, and Condition...

On this page of the site you can watch the video online Sticky Navigation Tutorial (Fixed Position CSS + JavaScript / jQuery) with a duration of hours minute second in good quality, which was uploaded by the user LearnWebCode 28 March 2014, share the link with friends and acquaintances, this video has already been watched 154,397 times on youtube and it was liked by 1.4 thousand viewers. Enjoy your viewing!