読者です 読者をやめる 読者になる 読者になる

読み書きプログラミング

日常のプログラミングで気づいたことを綴っています

-webkit-overflow-scrolling: touch;の使いこなし方

WebKit

http://stackoverflow.com/questions/7808110/css3-property-webkit-overflow-scrollingtouch-error

  • webkit-overflow-scrolling: touch;を指定した要素の子要素に-webkit-transform-style: preserve-3d;を付けたらうまくいきました。ただし、これを付けると、子要素がタッチできなくなります。

ところが、指定した要素の子要素に-webkit-perspective: 1000;を付けると、スクロールもスムーズで、タッチも可能です。と思ったら、どちらでも同じでした。確率的にタッチできなくなります。

  • webkit-overflow-scrolling: touch;を指定した要素やその親要素に-webkit-transform-style: preserve-3d;を付けてもうまくいきませんでした。

以上、備忘録。