Breaking News: Grepper is joining You.com. Read the official announcement!

javascript - Navbar element active while scrolling

thecodeteacher answered on September 9, 2022 Popularity 2/10 Helpfulness 1/10

answer javascript - Navbar element active while scrolling

javascript - Navbar element active while scrolling

Comment

$(window).scroll(function() {
    var winHeight = $(this).height();
    var scrollTop = $(this).scrollTop();
    
    var elemHeight = $("#first-section").height();
    var elementTop = $("#first-section").position().top; 
     
    if (elementTop < scrollTop + winHeight && scrollTop < elementTop + elemHeight)
        $("your-div").addclass("active");
    else
        $("your-div").removeClass("active");
    
});

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: worcraft-algeria-dz.com

Tags: element javascript navbar

Link to this answer
Share Copy Link