greensock

0열

1답변

안녕하세요 저는 Greensock의 draggable 스냅 속성을 throwprops 또는 livesnap 없이도 사용할 수있는 방법을 찾으려고합니다. 가장 가까운 지점에 맞추기 위해 '.face'를 놓아두면 좋겠다. 그것은 livesnap와 함께 작동하지만 나는 그것의 들쭉날쭉 한 드래그 싶지 않아요. 여기 내가 지금 함께 일하고 있어요 무엇 : var

2열

2답변

onclick 후 두 번째 시간 동안 함수가 실행되지 않습니다.

JQuery 슬라이더의 세 번째 슬라이드에서 작동해야하는 애니메이션은 처음에는 정상적으로 작동하지만 두 번째 및 연속 시간에는 정상적으로 작동하지 않습니다. 애니메이션은 슬라이더의 다음 버튼으로 묶여 있습니다. 다음 버튼을 클릭하면 현재 슬라이드에서 "show"속성이 제거되고 다음 슬라이드에 "show"속성이 추가됩니다. 비슷한 시나리오를 연구하고 다른 솔

2열

1답변

고스트 모양의 greensock의 TransformManger 트리거 커서 이동

이것은 장시간이 걸릴 수도 있지만이 질문에 답하기 위해 하루 이상을 보냈습니다. Flex 4.6/AS 프로젝트에서 greensock's TransformManger v : 1.9669를 사용하고 있습니다. 문제는 선택한 항목을 사용하면 선택 영역 바깥에 TM "이동"커서가 나타나고 선택과 크기가 같지만 트리거하는 가운데에서 오프셋 된 것처럼 보입니다. 아래

0열

1답변

움직이는 동안 텍스트를 부드럽게 유지하십시오.

Greensock library을 사용하여 일부 텍스트를 애니메이션으로 나타냅니다. 애니메이션이 진행되는 동안 캐릭터는 매우 픽셀 화됩니다. 이 효과는 트윈이 완료되면 사라집니다. 나는 텍스트를 매끄럽게 유지하는 방법을 찾고 있지만 어떤 것도 만들 수는 없다. 다양한 소스에서 많은 제안을 시도했습니다 - transform3d을 사용하여 글꼴을 부드럽게 설정

-1열

1답변

스크롤 (scrollTop에 바인딩 된) 애니메이션은 스크롤을 멈 추었을 때만 닫힙니다.

내 애니메이션 이벤트가 거의 일시 중지되거나 스크롤이 15 %를 초과했을 때 완료가 상당히 느려집니다. 왜 그런가요? 왼쪽에 애니메이션을 적용해야하지만 스크롤을 중지 할 때만 움직입니다. 여기 $(window).scroll(function() { var content_height = $(document).height(); var cont

0열

1답변

greensock draggable/triggering 클릭 및 드래그

greensock 애니메이션과 관련된 문제가 있지만, 드래그 가능한 첫 번째 인스턴스를 죽인 후에 mousedown 이벤트를 두 번째 draggable 인스턴스로 전송해야한다는 점에서 좀 더 일반적인 문제 일 수 있습니다. codepen은 내가 무엇을하려하는지 잘 설명 할 것입니다. 코드가 아래에 있습니다. Codepen의 URL :이 모든 가능한 경우,

3열

2답변

TweenLite/GSAP를 사용하여 DOM 객체를 선택하는 가장 좋은 방법은 무엇입니까?

나는 배너 광고를 만들기 위해 TweenLite을 사용하고 있습니다. 모든 것이 제대로 작동하지만, 요소가 어떻게 선택되는지 혼란 스럽거나 적어도 TweenLite를 사용하여 요소를 선택하는 가장 좋은 방법입니다. 처음에는 내가이 사용되었습니다 var logo = document.getElementById("logo"); 과 함께 애니메이션 다음 요소를

1열

1답변

Greensock을 JQuery 대신 완전히 사용해야합니까?

저는 Greensock을 사용할 때 성능 향상에 대해 완전히 알고 있습니다. 나는 그것을 사용하고 싶다. 나는 종종 1) JQuery와 사용하기 때문에 그러나, 나는 혼란 스러워요 경우와 다른 문 2) JQuery와 addClass, toggleClass, removeClass 3) JQuery와 스크롤 클릭에 4) JQuery와에 Greensock으로이

0열

1답변

Greensock 토글 애니메이션이 작동하지 않음

var MenuButton= $('.menu-button'); var clicked = false; click.click(function() { if(clicked){ TweenMax.to(menu-button, 1, {left: '100%', ease:Bounce.easeOut}); }else{ TweenMa

1열

1답변

ng-animate가있는 테이블 행에서 지정된 테이블 데이터를 어떻게 애니메이션으로 만들 수 있습니까?

저는 Angular의 ng-repeat를 사용하여 여러 행이있는 테이블을 생성했습니다. 사용자가 테이블 행을 마우스 오버 할 때 특정 표 셀을 애니메이션으로 만들고 싶습니다. 이 예제의 경우, 행을 마우스로 가리키면 해당 애니메이션 셀을 표시하거나 (불투명도 : 1), 행의 높이를 변경하지 않으려합니다 (즉 행 높이 보이지 않는 셀 데이터를 고려해야 함).