jQuery: анимация externalWidth - PullRequest
       2

jQuery: анимация externalWidth

0 голосов
/ 13 ноября 2010

Относится к: Jquery: animate .outerWidth ()?

Предполагая, wrap является родительским элементом в body.

Следующее устанавливает максимальную ширину: $('#wrap').outerWidth($(window).width());

Однако при попытке анимировать это размеры выходят за рамки документа, скорее всего из-за отступов и полос прокрутки: $('#wrap').animate( {width: $(window).width()}, 'slow');

1 Ответ

1 голос
/ 13 ноября 2010
   var wrap = $('#wrap');

   $('#fooID')
      .stop(true,true)
      .animate({
                   width: (
                             $(window).width()
                                - parseFloat(wrap.css('padding-right'))
                                - parseFloat(wrap.css('padding-left'))
                                - parseFloat(wrap.css('border-right-width'))
                                - parseFloat(wrap.css('border-left-width'))
                          )
               }
               , 'slow'
       );   

Есть ли лучший способ?

...