Can someone help me with fixing my header? I'm trying to create a smooth navigation bar but I can't seem to get it right. I've looked through some answers here but I'm still struggling.
Below is the code I have so far:
Javascript
<script>
jQuery("document").ready(function($){
var nav = $('#header');
$(window).scroll(function () {
if ($(this).scrollTop() > 130) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
});
</script>
CSS
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}