Header Scrolling Javascript Function

Header Scrolling Javascript Function

Javascript Function

jQuery(document).ready(function($){
var scroll_pos = 0;
scroll_pos = $(this).scrollTop();
if(scroll_pos > 2) {
$("#top-nav").css('background-color', '#ffffffff');
$("#top-nav ul li a").addClass('top-nav-links');
} else {
$("#top-nav").css('background-color', '#ffffff00');
$("#top-nav ul li a").removeClass('top-nav-links');
}
$(document).scroll(function() {
scroll_pos = $(this).scrollTop();
if(scroll_pos > 2) {
$("#top-nav").css('background-color', '#ffffffff');
$("#top-nav ul li a").addClass('top-nav-links');
} else {
$("#top-nav").css('background-color', '#ffffff00');
$("#top-nav ul li a").removeClass('top-nav-links');
}
});

$( document ).on( ‘click’, ‘.close-popup’, function( event ) {
elementorProFrontend.modules.popup.closePopup( {}, event );
} );

});