jquery - jQuery 百分比值在 IE7 和 IE8 中不起作用

Question

请帮忙！我为#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});
}

任何帮助，将不胜感激！

谢谢！

Answer 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});
}