How to make a sticky navbar in web? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

How to make a sticky navbar in web?

I need to make a sticky navbar in web. Is there anyone who will help me.

10th Apr 2019, 9:31 AM
Jay Prakash Pathak
Jay Prakash Pathak - avatar
1 Answer
+ 1
Demo https://code.sololearn.com/W80O299tZX8Z/?ref=app QUOTE An element with position: sticky; is positioned based on the user's scroll position. A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). Note: Internet Explorer, Edge 15 and earlier versions do not support sticky positioning. Safari requires a -webkit- prefix (see example below). You must also specify at least one of top, right, bottom or left for sticky positioning to work. Reference https://www.w3schools.com/howto/howto_css_sticky_element.asp
10th Apr 2019, 12:57 PM
Gordon
Gordon - avatar