3

特定のビューがルートを介して追加されたときに、dom 要素をアニメーション化したいと考えています。次のように追加されたビュー要素をアニメーション化する方法を知っています。

HTML

<div data-ng-view
     data-ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></div>

CSS3

.view-enter, .view-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.view-enter {
  opacity:0;
  left:100px;
  width:100%;
  position:absolute;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}

.view-leave {
  position:absolute;
  left:0;
  width:100%;
  opacity:1;
}
.view-leave.view-leave-active {
  left:-100px;
  opacity:0;
}

しかし、アニメーション化されたdomに既に存在する他の要素が必要です。

どうすればいいですか?jQuery を使用して、他の要素に直接対処したいと考えています。カスタム ディレクティブを使用する必要がありますか?

4

1 に答える 1