Javascript 滚动标题

我需要更改标题的样式，但是如果条件不起作用，只在控制台中记录（false），并且不更改任何内容，那么我想知道我的语法或逻辑是否有问题。 请注意，我的控制台中没有错误

$(document).ready(function() {
  var header = $(".hotel-header");
  var scroll = $(window).scrollTop();
  if (scroll >= 200) {
    header.addClass("hotel-header-scroll");
    console.log("true");
  } else {
    header.removeClass("hotel-header-scroll");
    console.log("false");
  }
});

---

当您在文档准备就绪时运行此方法时，会出现一个错误，因为当页面加载时，页眉滚动小于200，因此会运行else条件。我已将

$（文档）.ready（function（）

更改为

$（窗口）。scroll（function（）

当用户滚动页面时调用此函数。然后调用该方法。它将检查滚动并根据您的条件返回true或false。下面是工作示例

$（窗口）。滚动（函数（）{
var header=$（“.hotel header”）；
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=200）{
header.addClass（“酒店标题滚动条”）；
console.log（“真”）；
}否则{
header.removeClass（“酒店标题滚动条”）；
控制台日志（“假”）；
}
})；

您好