jQuery UI 'easeoutbounce'가 더 탄력적이어야합니다.

Question

나는 클릭 할 때 화면 하단으로 떨어지는 div를 만들었습니다. 바운스가 필요하므로 'easeOutBounce'를 사용하면 편리합니다. 그것은 잘 작동하지만 클라이언트는 "더 탄력적"이라고 요청했습니다. 나는 애니메이션을 느리게 할 수 있다는 것을 알고 있지만 오브젝트가 더 천천히 움직이지 않게하고 싶습니다. 단지 더 많이 튀어 나오길 원합니다. 덜 중력, 나는 생각한다.

$(document).click(function() { 
    $("div").animate({ top: 400 }, { duration: 2000, easing: 'easeOutBounce' }); 
}); 

을 그리고 여기에 바이올린입니다 :

다음은 jQuery의 http://jsfiddle.net/NtkNB/1/

난 정말이 특정 효과에 대한 문서를 찾기 위해 사투를 벌인거야 누군가가 현재 세트를 구성하는 두 방법을 제안 할 수 있는지 궁금 -up을 사용하여 원하는 효과를 얻거나 아니면 고급 애니메이션 효과가있는 경우이를 플러그인 할 수 있습니다.

감사

Answer 1

이 질문은 오래,하지만 대답 한 것으로 표시되지 않습니다. 그 반대편에만 똑같은 문제가 있었기 때문에 (div는 덜 탄력적이었습니다). 내가 생각해 낸 해결책은 각 바운스를 제어하는 ​​2 차 방정식 (아마도 가장 우아한 것은 아님)이었습니다. 여기에 jsfiddle가 있습니다 : http://jsfiddle.net/NtkNB/194/ 이것은 기본 jquery 애니메이션보다 덜 탄력적입니다. 좀 더 탄력성을 높이려면 방정식을 변경해야합니다. 이는 다소 고통스러운 일입니다.

var thing = (-17.34*x*x)+(14.351*x)-2.944; 

는 내가 결정하는 텅스텐을 사용 : http://www.wolframalpha.com/input/?i=quadratic+through+%28.343%2C0%29%2C%28.4715%2C.1%29%2C+%28.6%2C0%29