Jquery 我想在特定的div-it-self中设置窗体的动画

我想在特定的div it self中消失我的表单，但我的表单在浏览器中移动…请帮助我

css js

$（“文档”）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var name1=$（“#name”）.val（）；
var email=$（“#email”）.val（）；
$（“#main”）.animate（{“left”：“-=1000px”}，“fast”，function（）{
$（此）。在（“谢谢”+“+name1+”
“+”之后，您的电子邮件是“+”+email）；
});
});
});

html

个人资料
名称


电子邮件


提交

您应该将包含表单的div的overflow属性设置为hidden：

#div {
    position : relative;
    width:500px;
    height:300px;
    background-color:#888;
    margin-left:
    text-align : center;
    padding:5%;
    margin-top:100px;
    overflow: hidden;
}

---

这将隐藏您为div指定的维度之外的任何元素。

将

溢出：隐藏
添加到div

CSS

#div {
    ...
    overflow: hidden;
    ...
}


编辑
试试这个：

$("document").ready(function () {
    $("#submit").click(function () {
        var name1 = $("#name").val();
        var email = $("#email").val();
        $("#div").animate({
            "left": "1000px"
        }, "fast", function () {
            $(this).after("Thank you" + " " + name1 + "." + "<br>" + "Your email is" + " " + email);
            $(this).css("display", "none");
        });
    });
});

$（“文档”）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var name1=$（“#name”）.val（）；
var email=$（“#email”）.val（）；
$（“#div”）。设置动画({
“左”：“1000px”
}，“快速”，函数（）{
$（此）。在（“谢谢”+“+name1+”
“+”之后，您的电子邮件是“+”+email）；
$（this.css（“显示”、“无”）；
});
});
});

#main
在完成向左滑动后将消失

这是
$（'form'）。hide（）
？但我在你的html中看不到表单。你的标题上写着我想给表单设置动画，你的评论我想让表单消失。哪一个是正确的？我想隐藏div id#main…我怎么能？
div#div
？这很有趣。现在我想要动画$（这个）。在右侧（“谢谢你”+“+name1+”+”
“+”你的电子邮件是“+”+电子邮件）之后，我没有主意，请帮助我…在动画制作之后，我必须从右侧到中间得到一些确认消息…现在我想要动画$（这个）。在（“谢谢你”+“+name1+”
“+”之后，你的电子邮件是“+”+电子邮件）从右侧发送
#div {
    position : relative;
    width:500px;
    height:300px;
    background-color:#888;
    margin-left:
    text-align : center;
    padding:5%;
    margin-top:100px;
    overflow: hidden;
}

#div {
    ...
    overflow: hidden;
    ...
}

$("document").ready(function () {
    $("#submit").click(function () {
        var name1 = $("#name").val();
        var email = $("#email").val();
        $("#div").animate({
            "left": "1000px"
        }, "fast", function () {
            $(this).after("Thank you" + " " + name1 + "." + "<br>" + "Your email is" + " " + email);
            $(this).css("display", "none");
        });
    });
});