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 に答える