首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery:如何动态检测窗口宽度?

jQuery:如何动态检测窗口宽度?
EN

Stack Overflow用户
提问于 2012-03-15 21:04:07
回答 3查看 223.4K关注 0票数 71

我的页面上有一个滚动元素(使用jScrollPane jQuery插件)。我想要完成的是一种通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在做一个响应式布局,我希望当浏览器低于一定宽度时关闭滚动功能。我可以在刷新页面时使其工作,但是当我调整浏览器窗口的大小时,宽度值不会动态更新。

现在,如果我从1000px宽的窗口开始,然后将大小调整到350px,滚动功能仍然存在。我希望在浏览器宽度达到440px时立即关闭滚动功能。

这是我到目前为止拥有的代码..

代码语言:javascript
复制
var windowsize = $(window).width();

$(window).resize(function() {
  var windowsize = $(window).width();
});

if (windowsize > 440) {
  //if the window is greater than 440px wide then turn on jScrollPane..
    $('#pane1').jScrollPane({
       scrollbarWidth:15, 
       scrollbarMargin:52
    });
}
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9720294

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档