ScrollTop Header Background

PHOTO

Tue Mar 22 2022 02:52:15 GMT+0000 (Coordinated Universal Time)

Saved by @25vitalyzd2

$(window).on("scroll", function() {
    if($(window).scrollTop() > 50) {
        $(".header").addClass("active");
    } else {
        //remove the background property so it comes transparent again (defined in your css)
       $(".header").removeClass("active");
    }
});

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

jQuery

@25vitalyzd2

Window Resize Smooth Scrolling ScrollTop Header Background When mouse enter and Out Country with dial code input field Intl Countries Form If you have added anchor links from another page to a specific section but the entrance animation in Elementor is preventing it from going to the specific section, you can try the following:

Browse more snippets >>