我想動畫的絕對定位元素的位置,但animate()
持續時間參數只適用於一些 CSS規則,而不是其他人。對於width
,height
,top
和left
動畫發生在fast
,無論我使用什麼值的持續時間。JQuery的動畫()持續時間只適用於一些CSS規則
// add the post to the grid
var p = $('.post-bucket .post:nth-of-type(1)').clone();
p.appendTo('.grid');
// animate it
p.animate(
{
width: '200px',
'padding-top': '200px',
opacity: 1.0,3
top: '20px',
},
1200,
function() {}
);
如果我將持續時間更改爲5000,不透明度會在5秒內正確更改,但其他更改會在大約200秒內生成動畫。
任何想法?