Question

我试图让div移动到页面底部而不移动我拥有的div。我只是想让它向下移动而不会打断页面的其余部分。

这是我的jquery：

$(document).ready(function() {
    $('#MoveMe').click( function() { 
        $('#MoveMe').animate({
            marginTop: "+=1000px"
        }, 1500 );
    });
});

这是我的css：

#MoveMe {
    height: 200px;
    width: 200px;
    margin: 10px, 30px;
    background-color: blue;
    text-align: center;
    z-index: 1;
    cursor: pointer;
}

#NoMove {
    z-index: 2;
    margin-top: 20px;
}

Header {
    position: absolute;
}

这是我的html的主体：

<body>

    <Header>
        <div id = "MoveMe"> 
            <p> Hello </p>
        </div>

        <div id = "NoMove">
            hi
        </div>
    </Header>

    <script src= "jquery.js" ></script>
    <script src= "jqueryPage.js" ></script>

</body

Answer 1

在position: absolute;元素上尝试#MoveMe。

使用jquery将div移动到其他div上

1 个答案: