Question

我有这个css代码

#storage_screen {
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/new24/_landing/storage_window/container_background.png);
    position: absolute;
    z-index: 99999999999999;
}

和这个jquery代码

$('#storage_icon').click(function() {
    $("#storage_screen").animate({top: "0"}, 600,);
});

但是当我试一试时，动画似乎由于某种原因而中途开始，这与我认为的百分比有关。

如果有人知道对此有任何修复，我将非常感激！：）

Answer 1

问题很可能是您尝试从百分比值动画到像素值（0像素）。如果您将动画目标更改为0%而不仅仅是0，它应该有效。

$('#storage_icon').click(function() { 
    $("#storage_screen").animate({top: "0%"}, 600); 
});

Answer 2

尝试将一些初始值放入css部分

中的top属性

top:-200px;

根据div的高度，您可以将其进一步增加到-300px。据我所知，你试图从顶部看div作为效果。您也可以使用jquery slideDown（）代替。也有类似的效果。

的CSS：

#storage_screen { display:none; }

jquery的：

$('#storage_icon').click(function() { 
$("#storage_screen").slideDown('slow'); 
});

jQuery动画开始于中途

2 个答案: