Get a Quote
mobile menu open icon mobile menu close icon
Contact Us Get a Quote

Header Scrolling Javascript Function

Updated November 21, 2023
~ minute read
Header Scrolling Javascript Function

Content Key

Share this Post :
Get the most out of your marketing
Join over 100,000 of the most intelligent marketers in the universe, and receive marketing news and insights straight to your inbox.
Enter Email to Get Started:
(We will never share your information.)
Advertise Here

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 );
} );

});

Leave a Reply

More Great Posts

Social media marketing (SMM) is no longer a nice-to-have strategy but an absolute necessity for brands. The reason is simple – most people today use one or more social media platforms. Consider also the trends in recent years in which holiday sales continue to increase year over year. No doubt there is much revenue to… Read More »

Read More »
Browse All Posts
Advertise with us
Join our advertising network to grow your business. Give us a call at (702) 904-4262
Sign Me Up!
34.99 WordPress Updates | WordPress Support by 702 Pros
Sponsored
Build your Rank Ad 1 - RankLabel
Sponsored
Kyla Sloan | Kyla Estes | Client Management | Reception | Sales
Advertising with Us
Kyla SloanAdvertising Specialist
Our team has the digital and traditional marketing skills to get you in front of customers looking for your product or service.
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago

Add Your Business To the 702 Pros' Directory
Please add some general information about your business.
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago

2022 Sale

Get 20% off!

All Web Design Packages
Days
Hours
Minutes
Seconds
Want to talk now? Give us a call at (702) 904-4262

Powered by OnSago