1

How do I recreate the easing/friction for touch events in Mobile Safari? For example, if I have a scroller and drag the contents it will bounce back when you go past the top or past the bottom?

I tried messing with the cubic-bezier easing function but couldn't emulate the friction in Mobile Safari on an iPhone/iPod. I want to make the HTML page as similar to an app as possible.

Thanks!

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
jaysonp
  • 11
  • 1

2 Answers2

2

This is not possible with pure CSS3, since scroll easing incorporates momentum physics, not a pure CSS3 easing function.

Michael Mullany
  • 30,283
  • 6
  • 81
  • 105
0

You should look at my answer to the following question -

How to implement easeOutBack easing in css transform animation

Community
  • 1
  • 1
Anupam Jain
  • 7,851
  • 2
  • 39
  • 74