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

Tips to Increase Website Traffic

Looking for a Los Angeles SEO company that is on top of today’s SEO trends and can help your business optimize traffic? Drive Traffic Media can do exactly that.  The Current State of SEO  This year, we have seen the following elements of online marketing trends: Voice search Mobile SEO Long-form content Local SEO User […]
The post Simple Tips to Increase Traffic appeared first on SEO Los Angeles City.

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