jQuery：如何动态检测窗口宽度？

13 浏览
0 Comments

jQuery：如何动态检测窗口宽度？

我在我的页面上有一个滚动元素（使用jScrollPane jQuery插件）。我想要实现的是通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在进行响应式布局，当浏览器宽度低于某个值时，我希望关闭这个滚动功能。我能够在刷新页面时使其工作，但是当我调整浏览器窗口大小时，宽度值不会实时更新。

现在，如果我开始时窗口宽度为1000px，然后调整为350px，滚动功能仍然存在。我希望当浏览器宽度达到440px时，滚动功能会关闭。

以下是我目前的代码：

var windowsize = $(window).width();
$(window).resize(function() {
  var windowsize = $(window).width();
});
if (windowsize > 440) {
  //如果窗口宽度大于440px，则启用jScrollPane..
    $('#pane1').jScrollPane({
       scrollbarWidth:15, 
       scrollbarMargin:52
    });
}

0