滚动上的JavaScript调整大小事件-移动

滚动上的JavaScript调整大小事件-移动,javascript,events,mobile,resize,Javascript,Events,Mobile,Resize,我正在尝试为手机制作一个网站。我在窗口上绑定了“resize”事件,当移动设备转动时,它应该重新排列元素(纵向风景)。在iPhone和三星Galaxy SII上,当我向下滚动页面时会触发该事件,这并不好 如何解决此问题?使用onOrientationChange事件和窗口。orientation属性 另见 此处链接。缓存视口的宽度,如果宽度仍然相同,则在调整大小时返回false 一个小jQuery代码段: var cachedWidth = $(window).width();

我正在尝试为手机制作一个网站。我在窗口上绑定了“resize”事件,当移动设备转动时,它应该重新排列元素(纵向风景)。在iPhone和三星Galaxy SII上,当我向下滚动页面时会触发该事件,这并不好


如何解决此问题?

使用
onOrientationChange
事件和
窗口。orientation
属性

另见


此处链接。

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

一个小jQuery代码段:

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

这就是我一直在寻找的答案。太好了。OP这应该是公认的答案。这是正确的方法。@LukeFlego这是修复此错误的最佳方法,但不是理想的代码。有时候,最简单的修复方法就是最好的:)遇到了相同的问题,这就解决了它。这是正确的答案。这看起来像jQuery,问题中没有任何内容。。但是,西多纳森,谢谢你的回答——一点也不坏。@LGT正确。我会更新答案让你明白