각도 명령 animate div로 이동

이미지 위로 마우스를 가져 가면 설명 div가 이미지의 아래에서 중간으로 움직입니다. 제품 이미지에서 link처럼 아래로 위로 이동하여 위로 이동하십시오. 내가이 plunker 사이트에서 금액을 완료 plunker link 나는 활력을 수 없습니다 도와주세요.각도 명령 animate div로 이동

출처

2013-07-14 Mohammad Akbari

이를 볼 수 있지만, CSS에 오히려 하나. 간단한 CSS3 애니메이션을 검색하십시오. 또한주의를 끌기 위해 외부 plnkr에 연결하지 않고 태그를 다시 작성하여이 게시물의 내부에 코드를 제공하십시오. – Sprottenwels

당신이'$ compile' html을 시도하고 지시어에 추가하려고 할 때. 'ngAnimate'가 실행되지 않습니다. 그러나 간단한 ': hover'+ 일부 CSS 전환을 사용하여 제대로 작동 할 수 있습니다. – Daiwei

방금 AngularJS를 보았습니다. AngularJS와 함께 제공되는 jQLite 하위 집합 (http://docs.angularjs.org/api/angular.element)에서 jQuery 애니메이션 메서드를 볼 수 없으므로 AngularJS에 전체 jQuery 라이브러리를 포함시키는 방법에 대해 AngularJS 문서를 부여합니다. 프로젝트 (http://docs.angularjs.org/misc/faq으로 시작).

그런 다음의 jQuery 애니메이션을 사용하여 질문에 관련된 AngularJS와하지에 http://api.jquery.com/animate/

출처

2013-07-14 13:39:53 mvw

jQuery의 불필요한 사용으로 "오염"하는 대신이 유용한 사례에 대해 순수한 CSS 애니메이션을 사용하는 것이 더 좋은 해결책이 아닌지 좋은 조언이 아닌지 잘 모르겠습니다. – Sprottenwels

그건 유효한 문제입니다. 반면에 무거운 것은 상대적으로, 내 일에 큰 JS 코드 기반을 사용하여 jQuery를 다소 가벼운 lib로 본다. – mvw

답변 주셔서 감사합니다,하지만 난 Jquery를 사용하고 싶지 않아 어떻게 할 수 없어이 CSS를 –

각도 명령 animate div로 이동

답변

관련 문제