Jquery 不带“固定位置”的动画；“迅速上升”；

尝试将此长方体设置为全屏动画，但由于我在动画开始前将位置设置为“固定”，因此长方体将向上拍摄到左上角

相反，有没有办法让它从起点开始扩展？

setTimeout（函数（）{
$（'.test'）.css({
位置：'固定'，
排名：0，
左:0,，
保证金：0
});
$（'.test'）。设置动画({
高度：$（窗口）。高度（），
宽度：$（窗口）。宽度（）
}, 200);
}, 2000);
.test{
边际：0.50px；
背景：蓝色；
高度：200px；
宽度：200px；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书

我会混合一些CSS和JS。试试这个：

JS:

CSS:

不设置高度和宽度的动画，如果将左上角和右下角设置为0px，会发生什么？不，仍然会上升，因为我认为：对不起，在动画开始之前，这个动画看起来仍然上升到顶部。在这个示例中，如果将顶部添加到50px的.test css中，它会上升。问题是您需要知道元素的顶部位置并首先设置它在JS中，但我想这无关紧要，因为它会被
.full\u screen
覆盖。如果你的意思是在CSS中设置一个静态高度，恐怕这是不可能的，因为高度会随着内容的不同而变化。BAM！看起来很棒@CodeGodieNo问题。对不起，我找不到你想要的确切答案。
$('.test').css({
    'top': $('.test').position().top,
});

setTimeout(function () {
    $('.test').addClass("full_screen");
}, 2000);


setTimeout(function () {
    $('.test').removeClass("full_screen");
}, 8000);

html, body {
    width: 100%;
    height: 100%;
    position:relative;
}
.test {
    position: absolute;
    margin: 0 50px;
    background: #ccc;
    height: 200px;
    width: 200px;
    transition: all 4s;
}
.full_screen {
    top: 0px !important;
    height: 100%;
    width: 100%;
    margin: 0;
}