在调整大小时阻止屏幕重绘

Question

在调整响应式网站的大小时，有没有办法阻止重新绘制屏幕？

我希望有一个响应式网站，但我不喜欢调整屏幕大小时所涉及的廉价动画（媒体中断，即时消失，文字换行（非常难看））

我希望有一种方法可以告诉浏览器只有在调整大小停止或类似的解决方案时重绘屏幕..

有吗？

Answer 1

没有。当您更改任何DOM元素的大小时，包括body，所有浏览器＆＃34; reflow＆＃34; （即重绘）页面。即使您包含没有明确大小的img元素，页面也会在加载图像时重排。

您可以在此处阅读更多详细信息：

When does reflow happen in a DOM environment?

Answer 2

如果你想阻止重绘设置一个类似的计时器可能有帮助

    var timeoutHandler;
    var startet=false
    resize=function(){
           clearTimeout(timeoutHandler);
           if(!startet){
              startet=true;
             //get body pixel width
             //get body pixel height;
             //save css width value 
             //save css height value
             //set body width= width pixel value;
             //set body height= height pixel value;
           }
            timeoutHandler=setTimeout(function(){
                 //restore css values
                  startet=false;
            },100);

    }