Javascript 如何在向下滚动页面时添加css类

如何添加css显示：向下滚动且高度=400时取消设置

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

---

您需要侦听scroll事件，然后计算已滚动的高度。之后，当滚动高度达到400时，添加css。示例代码如下所示

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

---

您需要侦听scroll事件，然后计算已滚动的高度。之后，当滚动高度达到400时，添加css。示例代码如下所示

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

---

下面是带有演示的代码。请看一看

$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>400）
$（'nav'）.addClass（'nav-color'）；
其他的
$（'nav'）.removeClass（'nav-color'）；
});
.nav color{背景：#ff0000；位置：固定；顶部：0；左侧：0；右侧：0；填充：15px；z索引：1；}

试验
以下是带有演示的代码。请看一看


$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>400）
$（'nav'）.addClass（'nav-color'）；
其他的
$（'nav'）.removeClass（'nav-color'）；
});
.nav color{背景：#ff0000；位置：固定；顶部：0；左侧：0；右侧：0；填充：15px；z索引：1；}

试验
您能将您尝试过的内容包括在内吗？Stackoverflow不是一个代码编写服务。您能包括您尝试过的内容吗？Stackoverflow不是代码编写服务。