iOSでTweenMaxのScrollToPluginを使うと途中でスクロールが止まる時の対処法

TweenMaxのScrollToを使っていて「なぜかiOSだと途中で止まるな〜使いづらいな〜」と思っていたんですが、この度解決方法を教えてもらったのでメモしておきます。

autoKillをfalseにする

こちらの開発元のGreenSockのQAページに同じ質問と解決方法が載っていました。
参考:Is there a problem with the scrollTo plugin on iOS 10?

iOSが裏側で行なっているスクロール値の変化が影響して、TweenMaxの計算が止まってしまうらしいです。どうやらバグみたいなのでそのうち治ると良いですね…。

TweenLite.to(window, 1, {scrollTo:{y:"#element", autoKill:false}});

このようにautoKillをfalseにしてあげればとりあえず解決するので、今後設定する際はこれを忘れないようにします。


WebクリエイターのためのCreateJSスタイルブック ~JavaScript+HTML5で作るアニメーション/インタラクティブコンテンツ~ (Web Designing Books)