javascript调整滚动事件大小 - 移动

Question

我正在尝试为移动设备制作一个网站。我在窗口上粘贴了“调整大小”事件，当移动设备转动时（纵向<->横向），应该重新排列元素。在iPhone和三星Galaxy SII上，当我向下滚动页面时触发事件，这并不好。

有什么建议吗？

Answer 1

改为使用onOrientationChange事件和window.orientation属性。

另见this answer。

这里链接to a test page。

Answer 2

缓存视口的宽度并调整大小如果宽度仍然相同，则返回false。

小jQuery的片段：

var cachedWidth = $(window).width(); 
    $(window).resize(function(){ 
     var newWidth = $(window).width(); 
     if(newWidth !== cachedWidth){ 
      //DO RESIZE HERE 
      cachedWidth = newWidth; 
     } 
    });