AngularJS ngAnimate div의 위쪽에서 div를 가져옵니다. 페이지 상단이 아닙니다.

Question

div를 표시하거나 숨기는 버튼이 있습니다. div의 꼭대기에서 페이지의 꼭대기가 아닌 div가 들어가기를 원합니다. 어떻게하면 좋을까요?

컨트롤러 :

app.controller('myController', ['$scope', function ($scope) { 
    $scope.showDiv = true; 
}]); 

보기 :

<div ui-view> 
    <button ng-click="showDiv = !showDiv">Toggle</button><br /> 
    <div ng-show="showDiv" style="border: solid 1px red"> 
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    </div> 
</div> 

CSS :

.ng-hide-remove { 
    -webkit-animation: slideInDown 0.5s; 
    -moz-animation: slideInDown 0.5s; 
    -ms-animation: slideInDown 0.5s; 
    animation: slideInDown 0.5s; 
} 

.ng-hide-add { 
    -webkit-animation: slideOutUp 1s; 
    -moz-animation: slideOutUp 1s; 
    -ms-animation: slideOutUp 1s; 
    animation: slideOutUp 1s; 
    display: block !important; 
} 

Answer 1

가 overflow: hidden; position: relative;와 다른 내부 사용자의 사업부를 감싸 및 position: relative 등으로 내부 사업부를 슬라이드 translate2d를 사용 잘.