javascript - 如何在向下滚动页面时添加CSS类

Question

如何在向下滚动且高度 = 400 时添加 css display:unset ；

  <nav class="navbar navbar-expand-lg bg-warning fixed-top navbar-transparent" color-on-scroll="400"  style="display: none;">
</nav>

我用它来获得高度

const height = $(window).height();
const scrollTop = $(window).scrollTop();
console.log(scrollTop);

Answer 1

需要监听滚动事件，然后计算滚动了多少高度。之后，当滚动高度达到 400 时，添加你的 css。示例代码如下，

$(window).scroll(function(){
    if($(this).scrollTop()>= 400){           
        $('.navbar.navbar-expand-lg').css('display','unset');
    }
});