我正在尝试为移动设备制作网站。我已经将“resize”事件绑定在窗口上,这应该在移动设备旋转(纵向<->横向)时重新排列元素。在iPhone和三星Galaxy SII上,当我向下滚动页面时会触发该事件,这并不好。
我该如何解决这个问题?
我正在尝试为移动设备制作网站。我已经将“resize”事件绑定在窗口上,这应该在移动设备旋转(纵向<->横向)时重新排列元素。在iPhone和三星Galaxy SII上,当我向下滚动页面时会触发该事件,这并不好。
我该如何解决这个问题?
缓存浏览器窗口的宽度,当窗口大小改变时,如果宽度仍然相同,则返回false。
一个小的jQuery代码片段:
var cachedWidth = $(window).width();
$(window).resize(function(){
var newWidth = $(window).width();
if(newWidth !== cachedWidth){
//DO RESIZE HERE
cachedWidth = newWidth;
}
});
window.innerWidth
。 - Arthur Weborg