我的页面上有一个滚动元素(使用jScrollPane jQuery插件)。我想要完成的是一种通过检测浏览器窗口的宽度来关闭滚动窗口的方法。我正在做一个响应式布局,我希望当浏览器低于一定宽度时关闭滚动功能。我可以在刷新页面时使其工作,但是当我调整浏览器窗口的大小时,宽度值不会动态更新。
现在,如果我从1000px宽的窗口开始,然后将大小调整到350px,滚动功能仍然存在。我希望在浏览器宽度达到440px时立即关闭滚动功能。
这是我到目前为止拥有的代码..
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
});
}
https://stackoverflow.com/questions/9720294
复制相似问题