Изменить размер окна и сохранить элементы страницы там, где они есть, ожидая, пока изменение размера не закончится

Question

Используя функцию изменения размера окна jQuery, есть ли способ создать эти две функции.

1. Он сохранит ширину обтекателей на том же уровне, что и во время изменения размера. Таким образом, мы заблокировали бы все на месте, пока не закончится событие изменения размера и таймера изменения размера.

2. Как только она закончится, ширина будет плавно перемещаться к новой ширине окна ...

вдохновение 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 в пределах ограничений и его нужно изменить.