jQuery visible 플러그인을 사용하여 뷰포트에 요소가 표시되는지 여부를 감지하려고합니다. 나는이 같은 코드를 사용합니다 animateFrontPage: function(){
var apps = 0;
if($('#apps-shelf').visible(true)) {
apps = 1;
if(apps == 1) {
나는 velocity 속성을 활성화하기 위해 velocity.js를 사용하고 있습니다. $(".list-element).velocity({
height: "50px"
}, {
duration: 250
})
동일한 속성을 동적 이벤트를 기반으로 동일한 목표 값으로 변경하고 싶습니다. 특히 꼬집음 (hammer.js)
나는 푸시 메뉴가있는 프로젝트를 작업 중입니다. 콘텐츠 div가 슬라이드되면 화면에 들어갈 때 메뉴 버튼에 약간의 애니메이션이 생깁니다. 오래 걸리거나 아무것도하지 않지만 사용자가 메뉴를 열거 나 연속적으로 열거 나 닫으면 목록에있는 항목이 사라지고 잘못된 순서로 다시 나타나기 시작합니다. 새로운 애니메이션 콜은 오래된 애니메이션을 취소하고 일반적으로 사물
난과 같이 왼쪽의 값을 변경할 수있는 속성을 설정 : $.Velocity.animate(element,
{ left: '100%' }, 0
);
을하지만 어떻게, 변수 동적으로 이런 일을 그 속성을 변경할 수 있습니다. var side = 'left';
$.Velocity.animate(element,
properties[side
iPad에서 테스트하는 동안 모호한 문제가 발생합니다. 나는 각자의 위치로 페이지를 쏘아 올리는 일련의 요소들을 가지고있다. 그러나 최근 iPad4에서 요소가 자신의 위치로 쏠 수 없다는 것을 발견했습니다. 요소에는 "속도 - 애니메이션"클래스가 적용되었지만 중단되거나 애니메이션되지 않습니다. 나는 clearQueue()뿐만 아니라 stop()을 사용해 보
transition.slideUpDown과 함께 velocity.js 시퀀스를 사용하고 싶습니다. 이렇게하면 사용할 수 있습니다. $ ($ element) .velocity ("transition.slideUpDown", 500); 그러나 시퀀스와 함께 사용하려면 작동시키지 않아도됩니다. elements: $Element,
properties: {
페이지에 애니메이션으로 표시 할 요소가 있지만 애니메이션이 적용된 후에 클래스에 변경 사항을 적용하여 애니메이션을 CSS로 연기하고 싶습니다. .. Velocity가 style= 태그의 모든 애니메이션 속성을 남겨두고 CSS 전환을 불가능하게한다는 것을 알았습니다. 그것을 할 수있는 더 좋은 방법이 있다면 내가 아래 솔루션,하지만 전체가 불확실 것 같습니다