Quick Answer
Sticky header: on scroll, check if the page scrolled past the header: $(window).on("scroll", function() { if ($(this).scrollTop() > headerHeight) { $("header").addClass("sticky"); } else { $("header").removeClass("sticky"); } }). The "sticky" class applies fixed positioning via CSS. Use throttle on the scroll handler to avoid firing too often.
Answer
Track scroll position. Add/remove fixed class when header passes threshold. Use throttling to reduce performance impact. Improves UX for navigation and accessibility.
S
SugharaIQ Editorial Team
Verified Answer
This answer has been peer-reviewed by industry experts holding senior engineering roles to ensure technical accuracy and relevance for modern interview standards.