时间戳

首页 > 解决方案 > Jquery脚本不在脚本中工作但在控制台中工作

javascript - Jquery脚本不在脚本中工作但在控制台中工作

问题描述

我有一个导航栏，并且正在向它应用一个脚本，以便在它滚动时背景颜色会发生变化。我在 HTML 脚本的末尾附加了这个脚本，之后<body>

它不起作用，但如果我通过控制台手动输入它，它会完美运行......

$(document).ready(function() {
  $(window).scroll(function() {
    if ($(window).scrollTop() >= 50) {
      $(".navbar").css("background-color", "#222");
    } else {
      $(".navbar").css("background-color", "transparent");
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="navbar" style="height:200px">Navbar</div>
<div style="height:1000px"></div>

标签： javascriptjquerynavbar

解决方案

推荐阅读