Question

我刚开始使用jQuery和一些基本的动画。确切地说，我使用图像并在点击它之后使其上升：

$(function () {
    $('.rocket').click(function () {
        $(this).animate({
            bottom: 1000
        }, 2000);
    });
});

我有一个附加到html代码的 css 文件，我将图片的位置设置为相对的，这是有效的。但是只要我在css中设置它的位置（左边：某个值;顶部：某个值等），图片就不会移动。

我设法仅以保证金为中心。 css中的margin属性是在中心（或其他地方）设置内容的唯一方法，还是我错过了什么？

Answer 1

请确保您已将css设置正确，例如，如果您想为底部设置动画，则无法设置top。

＆＃13;

$('.rocket').click(function () {
            $(this).animate({
                bottom: 1000
            }, 2000);
 });

＆＃13;

.container{
    position:relative;
    height:100vh;
    width:100%;
}

.rocket{
    width:100px;
    height:100px;
    background-color:red;
    position: absolute;
    bottom:0px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
    <div class="rocket">
    </div>
</div>

＆＃13;

jquery animate不能用于css定位

1 个答案: