Javascript滚动addClass

Question

我希望我的导航栏能够在页面的顶部和底部透明，但我希望它不会在中间透明。当我在全屏显示我的网页时，这有效：

$(window).on("scroll", function () {
    if ($(window).scrollTop() > 720 && $(window).scrollTop() < 1450 ) {
        $(".nav").addClass("active");
    } else {
        $(".nav").removeClass("active");
    }
})

但是当它被调整大小时，它将不再起作用，因为尺寸会发生变化。有没有办法用％而不是普通数字来做这个，所以它会有响应？

Answer 1

这是因为您对高度值进行了硬编码。检查整个站点高度，将其除以三并将这些变量合并到if语句中。每次调整浏览器窗口大小时，它都会重新计算您的新位置。

iscsiadm -m session -P 3

Answer 2

您也可以将媒体查询与JS一起使用，因此您可以根据所需的窗口大小执行某些操作，这可能会有所帮助https://www.w3schools.com/howto/howto_js_media_queries.asp