Javascript 模态盒打开时会产生奇怪的效果

所以我一直在制作一个模式框，在点击按钮时显示，模式打开的很好，但是打开时有一个奇怪的效果，似乎模式正在下降，而我只是想让他淡入

这就是我正在做的：

button_open.onclick = function() {
  $("#myModal").fadeIn(300);
}

AcceptAll.onclick = function() {
  $("#myModal").fadeOut(300);
}

这是一个

---

有人能帮忙吗？

请更改js代码并从添加到css中的模式内容中删除动画效果

按钮\u open.onclick=函数（）{
美元（“#myModal”）。法代因（300）；
}
AcceptAll.onclick=函数（）{
美元（“#myModal”）。淡出（300）；
}

-webkit动画名称：animatetop；
-webkit动画持续时间：0.4s；
动画名称：animatetop；
动画持续时间：0.4s请更改js代码并从添加到css中的模式内容中删除动画效果


按钮\u open.onclick=函数（）{
美元（“#myModal”）。法代因（300）；
}
AcceptAll.onclick=函数（）{
美元（“#myModal”）。淡出（300）；
}

-webkit动画名称：animatetop；
-webkit动画持续时间：0.4s；
动画名称：animatetop；
动画持续时间：0.4s您有一个CSS动画

我已经用你的小提琴制作了一个小提琴来演示所需的变化


下面是模态定义中的

/*animation-name: animatetop;*/

你有一个CSS动画

我已经用你的小提琴制作了一个小提琴来演示所需的变化


下面是模态定义中的

/*animation-name: animatetop;*/

您可以在对话框初始化时添加效果，类似于下面的代码


$（函数（）{
$（“#myModal”）。对话框({
自动打开：错误，
展示：{
效果：“法登”，
持续时间：300
},
隐藏：{
效果：“法登”，
持续时间：300
}
});
$（“#开启器”）。在（“单击”，函数（）上）{
$（“#myModal”）。对话框（“打开”）；
});
});

这是一个动画对话框，用于显示信息。可以使用“x”图标移动、调整和关闭对话框窗口

打开对话框
您可以添加对对话框初始化的效果，类似于下面的代码


$（函数（）{
$（“#myModal”）。对话框({
自动打开：错误，
展示：{
效果：“法登”，
持续时间：300
},
隐藏：{
效果：“法登”，
持续时间：300
}
});
$（“#开启器”）。在（“单击”，函数（）上）{
$（“#myModal”）。对话框（“打开”）；
});
});

这是一个动画对话框，用于显示信息。可以使用“x”图标移动、调整和关闭对话框窗口

打开对话框
是否愿意为OP提供一些关于这段代码将如何解决其问题的上下文？@Kishan谢谢，这就是解决方案！想给OP一些背景信息，看看这段代码将如何解决他的问题吗？@Kishan谢谢，这就是解决方案！看起来.modal CSS存在一些问题。我正在尝试调试，您是否也可以通过尝试注释来确保行为符合要求？您是否尝试使用对话框的效果属性，如
$（“#dialog”）。dialog（{autoOpen:false，show:{effect:“fadein”，持续时间：1000}…
您的
动画
css导致了此行为。请对
-webkit动画名称：animatetop；
整个动画css进行注释
。模型内容
似乎与.modal css存在一些问题。我正在尝试调试，您是否也可以尝试对该行为进行注释以确保其符合要求？是否尝试在上使用效果对话框（{autoOpen:false，show:{effect:'fadein'，duration:1000}…
你的
动画
css导致了这种行为。请评论此
-webkit动画名称：animatetop；
整个动画css for
。模型内容