首页 > 解决方案 > 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;
    }

标签: jqueryjquery-uianimationjquery-animate

解决方案


推荐阅读