调整窗口大小并将页面元素保留在那里，等待调整大小结束

【问题标题】：Resize window and keep page elements where there at, waiting until resize is over调整窗口大小并将页面元素保留在那里，等待调整大小结束
【发布时间】：2011-06-27 19:15:33
【问题描述】：

使用jQuery的window resize函数，有没有办法创建这两个函数。

在调整大小期间，它将保持页面换行宽度不变。因此，我们将锁定所有内容，直到 resize 和它的 resize timer 事件结束。
一旦结束，宽度将平滑地动画到新的窗口宽度...

灵感是http://bit.ly/kDurZ4

【问题讨论】：

标签： jquery window width jquery-animate

【解决方案1】：

这样的事情应该可以帮助您入门。

    $(window).resize( function() {

        function smoothResize() {

            // animate the width on resize
            $('#container').animate({

                'width' : $(window).width()-15

            });

        }

        // This calls the function 'smoothResize' when the browser has finished resizing
        clearTimeout(this.id);
        this.id = setTimeout(smoothResize, 50);

    });

您将需要一些 if 来检测屏幕大小以及 div 是否在约束范围内并需要调整大小。

【讨论】：

这很好用，因此解决了。作为一个插件，我需要找到在哪里放置 .animate 函数的回调函数，该函数将关闭 BODY{} 溢出，以便在平滑过渡期间没有可见的滚动条。我也会让缓动插件自己工作。