jquery - Jquery Animation slideUp 不起作用,因为它立即向上
问题描述
当我的 div 显示并单击关闭按钮时,div 需要向上滑动,但动画无法正常工作,因为它会立即起床......有人可以告诉我如何让动画工作吗?
$('.close').on('click', function() {
$('#voteFormContainer').slideUp(200, function(){
$('#voteFormContainer').removeClass('scaleToOne');
$('.menu--under').slideUp(300);
});
$('body').removeClass('body-scroll-block');
});
$('.voteButton').on('click', function() {
$('#voteFormContainer').css('display', 'block');
setTimeout(function(){
$('#voteFormContainer').addClass('scaleToOne');
},10);
$('.menu--under').slideDown(300);
$('body').addClass('body-scroll-block');
});
#voteFormContainer {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
}
解决方案
推荐阅读
- c++ - 显示 C++ 输出而不返回值
- node.js - AWS Cognito 登录延迟太高
- azure - 简单的 Cosmos DB 查询
- batch-file - 用 .txt 文件中的随机行替换 .bat 文件中的文本
- excel - VB 宏通过更改文件名将数据从一个工作表传输到另一个工作表
- python - 电报机器人的设计模式
- docker - 如何在 Kubernetes 中配置带有已挂载的持久卷的 RabbitMQ 集群,以允许数据在整个集群重新启动时持久存在?
- vue.js - VueJS:单击我的组件时出现问题
- python - heroku 部署,关系“django_session”不存在
- android - Android 11 无障碍服务权限