jQuery百分比值在IE7& IE8

时间:2012-09-12 01:45:23

标签: jquery internet-explorer internet-explorer-8 internet-explorer-7

请帮忙!我为#somediv创建了一个回调函数,最好使用百分比值使其在响应模板中正常工作,这是我的代码:

before: function(){
   jQuery('#somediv').hide().animate({bottom:'100%'});
}
after: function(){
   jQuery('#somediv').show().animate({bottom:0});
}

不幸的是,上面的代码仅适用于IE9,如果我使用它,它的工作效果很好:

before: function(){
   jQuery('#somediv').hide().animate({bottom:400});
}
after: function(){
   jQuery('#somediv').show().animate({bottom:0});
}

任何帮助将不胜感激!

谢谢!

1 个答案:

答案 0 :(得分:1)

before: function(){
   // no need for hidden animations just set the css
   // you cannot animate percents in jQuery as not all browsers will support it
   // using offset parent you can find use the real px height instead of a 100%
   jQuery('#somediv').hide().css({bottom: jQuery('#somediv').offsetParent().height() });
}
after: function(){
   jQuery('#somediv').show().animate({bottom:0});
}