jQuery:animate outerWidth

时间:2010-11-12 21:48:53

标签: jquery jquery-ui jquery-animate

相关:Jquery: animate .outerWidth()?

假设wrapbody中的父元素。

以下将宽度设置为最大宽度:     $('#wrap').outerWidth($(window).width());

但是,在尝试设置动画时,尺寸会延伸到文档之外,很可能是因为填充和滚动条:     $('#wrap').animate( {width: $(window).width()}, 'slow');

1 个答案:

答案 0 :(得分:1)

   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'
       );   

有更好的方法吗?

相关问题