jQuery Marginleft.의 속도

Question

jQuery 플러그인 velocity.js에 익숙한 누군가에 대한 질문이있었습니다.나는 왼쪽에서 미끄러지는 물건을 얻으려고 노력하고 있습니다.다음은 해당 jQuery 코드입니다.

$el.animate({marginLeft: '-150px', height: '20px'})
insert()
$el.animate({marginLeft: '0px', height: '20px'})

.

이것은 내가 원하는 것, 나는 속도로 똑같은 일을하려고 노력하고 있으며, 현재 translatex를 사용하고 있습니다 :

$el.velocity({translateX: '-150px', height: '0px', duration: 0})
insert()
$el.animate({translateX: '0px', height: '20px'})

.

문제는 0에서 생성 된 항목이 -150으로 이동하고 0으로 다시 슬라이드하는 것입니다. 어떻게하면 -150에서 산란 할 수 있습니까?

편집 - 해결 된

다른 사람이 관심이 있으시면 오버 플로우 속성을 숨김으로 설정해야했습니다.

$el.css({marginLeft: '-150px', height: '0px', overflow: 'hidden'});
insert()
$el.velocity({marginLeft: '0px', height: '20px'});

.

또한 insert () 함수는 Vue.js MVVM 프레임 워크에서 기본적으로 사용됩니다.그것은 아마도 혼란 스러울 것입니다. http://vuejs.org/guide/transitions.htmlps http://vuejs.org/guide/transitions.html.a>

Answer 1

velocity faq : https : // github.com/julianshapiro/velocity/issues/47 .

는 사용 중일 수 있습니다.어느 쪽이든, 나는 귀하의 질문과 코드 샘플에 혼동됩니다 .-P.