Javascript jquery正文css溢出-x不工作

我想做一个屏幕宽度判断，当屏幕宽度

大于1024px

时，主体滚动条将隐藏，否则当屏幕宽度

小于1024px

时，主体滚动条将显示其滚动条

请参见中的代码

（溢出-x）

（溢出x）

测试

---

然而，当我拖动我的浏览器边缘，调整屏幕宽度小于1024px时，并没有滚动条出现。谢谢。

它可以工作，您只需在resize处理程序中声明

width

变量，因为全局变量不在其范围内

jQuery(document).ready(function() {
    var width = $(window).width();
    if (width < 1025) {
        $('body').css('overflow-x', 'scroll');
    } else {
        $('body').css('overflow-x', 'hidden');
    }

    $(window).bind('resize', function() {
        var width = $(window).width();
        if (width < 1025) {
            $('body').css('overflow-x', 'scroll');
        } else {
            $('body').css('overflow-x', 'hidden');
        }
    });
});

jQuery（文档）.ready（函数（）{
变量宽度=$（窗口）.width（）；
如果（宽度<1025）{
$（'body'）.css（'overflow-x'，'scroll'）；
}否则{
$（'body'）.css（'overflow-x'，'hidden'）；
}
$（窗口）.bind（'resize'，function（）{
变量宽度=$（窗口）.width（）；
如果（宽度<1025）{
$（'body'）.css（'overflow-x'，'scroll'）；
}否则{
$（'body'）.css（'overflow-x'，'hidden'）；
}
});
});

使用javascript的另一种方法是使用，但显然这取决于您的最小浏览器规范要求。

尝试使用此css：

body {
width:100%;
min-width:200px;
overflow-x:hidden;
}