Position fixed on scroll

Question

I am trying to fix a side nav when a user scrolls to a certain point. I am currently using:

 if(jQuery('#fix-me').offset().top <= jQuery(window).scrollTop()){ var position = 38; }

This works well only I need it to kick in 38px from the top and not 0px

Im just not sure of the correct way to achieve this?!

Velid Duranović · Accepted Answer · 2020-12-07 12:21:20Z

If you want to set the element fixed when it is 38px before it hit the top of the document, you just need to subtract startPosition with 38. See code below. What I Recommend is to put element offset top in some variable, in our case it is startPosition

var startPosition = jQuery('#fix-me').offset().top; $(document).on("scroll", function(){ if(startPosition - 38 <= jQuery(window).scrollTop()){ jQuery('#fix-me').addClass("fixed"); //Add css styling }else{ jQuery('#fix-me').removeClass("fixed"); } })

Try to add some explanation of what you changed an why you changed it.
Sorry may be my question isnt clear! if(jQuery('#fix-me').offset().top <= jQuery(window).scrollTop()){ I need this to be true 38px sooner than it currently is. So how do I add 38px to that IF statement.
Subtract jQuery('#fix-me').offset().top with 38 -> if(jQuery('#fix-me').offset().top - 38 <= jQuery(window).scrollTop())

Collectives™ on Stack Overflow

Position fixed on scroll

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related