Very first, we set this new transition assets to help you 0

Very first, we set this new transition assets to help you 0

3s ease-away with the intention that as soon as we reset the latest notes position to translateX(0) (in the event your card is actually zero swiped much sufficient) it doesn’t only instantaneously pop to lay – rather, it does animate straight back efficiently. We also want the brand new notes in order to animate out of display at the same time, do not would like them just to come out from lives when the user lets wade.

To see which are “far adequate”, we just find out if brand new deltaX are greater than half of new window depth, otherwise less than half of one’s bad window depth. When the sometimes ones standards was satisfied, we set appropriate translateX such that new card goes regarding the fresh new screen. I along with lead to the new create means on our very own EventListener so we could choose the brand new winning swipe while using the our very own parts. In case your swipe wasn’t “much adequate” up coming we just reset the brand new changes property. (more…)

Continue Reading Very first, we set this new transition assets to help you 0