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

Question

我正在尝试建立一个移动网站.我正在窗口上绑定"调整大小"事件,当移动设备转动时,它应该重新排列元素(纵向< - >横向).在iPhone和三星Galaxy SII上,当我向下滚动页面时会触发该事件,这并不好.

有什么建议？

Answer 1

缓存视口的宽度,如果宽度仍然相同,则调整大小时返回false.

一个小的jQuery片段:

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

Answer 2

请改用onOrientationChange事件和window.orientation财产.

另见这个答案.

这里链接到测试页面.