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

JavaScript resize event on scroll - mobile

本文关键字：调整 大小事 小事件 JavaScript 移动 滚动      更新时间：2023-09-26

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

我该怎么解决这个问题？

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

jQuery的一个小片段：

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

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

另请参阅此答案。

此处链接到测试页面。

相关文章：