2

我试图让一个 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
4

1 回答 1

2

试穿元素position: absolute;。#MoveMe

于 2013-05-19T20:01:57.473 回答