Javascript滚动添加类 我希望我的导航栏在页面的顶部和底部都是透明的，但是我希望它在中间不是透明的。当我的网页全屏显示时，这项功能会起作用： $(window).on("scroll", function () { if ($(window).scrollTop() > 720 && $(window).scrollTop() < 1450 ) { $(".nav").addClass("active"); } else { $(".nav").removeClass("active"); } }) $（窗口）。在（“滚动”）上，函数（）{ if（$（窗口）.scrollTop（）>720&&$（窗口）.scrollTop（）oneThird&&$（窗口）.scrollTop（）

但当它被调整大小时，这将不再有效，因为大小会改变。有没有一种方法可以用%而不是普通的数字来实现这一点，这样它才会有响应性？

你也可以用JS来进行媒体查询，这样你就可以在你想要的窗口大小上做某些事情，这可能会有助于实现这一点，因为你硬编码了你的高度值。检查整个场地高度，将其分为三个部分，并将此变量合并到if语句中。每次调整浏览器窗口的大小时，它都会重新计算您的新位置

window.addEventListener('resize', function() {
  //one third and two third of website
  oneThird = window.scrollHeight / 3;
  twoThird = onethird * 2;

  if ( $(window).scrollTop() > oneThird && $(window).scrollTop() < twoThird ) {
      $(".nav").addClass("active");
  } else {
      $(".nav").removeClass("active");
  }
}

window.addEventListener（'resize'，function（）{
//网站的三分之一和三分之二
oneThird=窗口高度/3；
三分之二=三分之一*2；
if（$（窗口）.scrollTop（）>oneThird&&$（窗口）.scrollTop（）

此线程可能有助于我的html页面高度为300%？300%是什么意思？window元素始终为100%，因为它没有相对于它的父元素。无论它有多高。