Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery将div移到其他div上_Javascript_Jquery_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 使用jquery将div移到其他div上

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

javascript jquery html css

Javascript 使用jquery将div移到其他div上,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图让一个div移动到页面底部，而不移动我在下面的div。我只想让它向下移动，而不打断页面的其余部分 这是我的jquery： $(document).ready(function() { $('#MoveMe').click( function() { $('#MoveMe').animate({ marginTop: "+=1000px" }, 1500 ); }); }); 这是我的css： #MoveMe {

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


你好

你好

尝试
位置：绝对#MoveMe
元素上使用code>。
必须使用
位置：绝对使用：
#MoveMe{position:absolute；}
绝对位置是一条路要走。但我还想补充一点，您应该考虑使用关键帧动画，而不是使用JavaScript间隔来执行动画。请查看这些预先录制的动画，以获得良好的参考