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

Question

使用jQuery的窗口调整大小函数，是否有创建这两个函数的方法。

1. 在调整大小的过程中，它会将页面换行宽度保持在原来的位置。因此，我们会锁定一切，直到调整大小定时器事件结束为止。

2. 一旦结束，宽度将顺利.animate新窗口宽度...

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

Answer 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是否在约束范围内并需要调整大小。