Geek asks and answers

Webkit overflow scrolling with webkit conflict

It seems that applying a property webkit-transformto an element or a parent with c webkit-over-flowing-scrolling: touchcompletely destroys the scroll, since scrolling does not work at all.

Has anyone experienced this error and knew about a solution?

+5
source share
2 answers

My current (hacker) solution looks like this:

$container.one 'webkitAnimationEnd', ->
  $container.find('.contents').remove()
  $container.append('.contents')

Basically, I delete and re-add the contents of the scrollable div after the end of the animation. Hope someone has a better solution for this.

0
source

I have the same problem and it goes away if I ditch -webkit-transformand switch to absolute positioning.

, , iOS, iOS 6+ ​​ translateZ translate3D .

, , , , :

, -webkit-overflow-scrolling:touch to, , -webkit-transform to. z-index, , , -webkit-transform, ( ) . , , , , .

0

More articles:


All Articles