javascript - 如果 screen.height 低于 460px，则删除一个类

Question

我有一个固定导航的元素，但导航比 460 像素以下的屏幕长，所以我想删除固定导航，当 screen.height 低于 460 像素时。这是我的代码，我尝试了 3 种不同的方法，但都不起作用:

// var ratio = window.devicePixelRatio || 1;
//var ScreenHeight = screen.height * ratio;    
// var ScreenHeight = widows.screen.height;
var ScreenHeight = window.screen.availHeight;

if (ScreenHeight < 460) {
    $('.nav-container').removeClass('sticky');
}

var headerHeight = $('header').height();
var main = 120;
main = document.getElementById("main").offsetHeight;
$(window).scroll(function () {

    if (main > 825) {
        var headerHeight = $('header').height();
        if ($(window).scrollTop() >= headerHeight) {
            $('.nav-container').addClass('sticky');
        } else {
            $('.nav-container').removeClass('sticky');
        }
    }
});

我做错了什么？

Answer 1

你试过 $(window).height(); 而不是 window.screen.availHeight 吗？