jquery - 为什么当窗口不大于 1000 像素时 (screenWidth > 1000) 返回 true？

Question

我正在为我的一位客户建立一个网站。我正在使用 JQuery 来确定浏览器是否应该显示导航栏。

这是部分代码:

var screenWidth = screen.width;
var windowHeight = screen.height;

$(window).scroll(function(){
        if (screenWidth > 1000){
            if($(window).scrollTop() > windowHeight - 201){
                if($(window).scrollTop() > 1700){
                }
                else{
                    $("#follownav").slideDown("fast");
                    $('#follownav').removeClass('hide').addClass('show');
                    if($('#map').attr('src') == 'https://mapsengine.google.com/map/u/0/embed?mid=zwL1aHJX3CX8.kPfcbg2dKR-o') {
                    }
                    else {
                        $('#map').attr('src', 'https://mapsengine.google.com/map/u/0/embed?mid=zwL1aHJX3CX8.kPfcbg2dKR-o');
                    }
                } 
            }
            else{
                $("#follownav").slideUp("fast");
            }
        }
    });

当浏览器窗口大于 1000 像素时，代码工作正常，但如果我小于 1000 像素，导航栏就会陷入循环。

这是我的网站，上面有我的意思的例子。 (仅当您缩小浏览器然后开始滚动时才有效)

http://www.vnsp.be

希望有人能帮我解决这个问题。

Answer 1

在我看来，screenWidth 设置不正确或在调整浏览器大小时未更新。这是有道理的，因为您是在初始化函数中设置它的。为什么不直接引用 screen.width 而不是将其存储在您自己的变量中？

编辑，与 windowHeight 相同。