ユーザーがボタンをクリックするだけで一時停止および再開できるようにしたいスクロール テキスト div があります。トランジションを作成する方法は次のとおりです。
words.style.webkitTransform = "translate3d(0px, -"+(27 * (words.children.length-4))+"px, 0px)";
words.style.webkitTransition = ((27 * words.children.length)/speed)+"s all linear";
一時停止機能で変換を「なし」に設定しようとしましたが、それはdivを以前の場所にスクロールして戻すだけです。これは、translate3d(0px, 0px, 0px) を実行するのと同じです。現在のアニメーションを一時停止する方法はありますか、それとも現在の遷移位置を何らかの方法で測定する必要がありますか?
更新: ここに jsfiddle があります: http://jsfiddle.net/VAgXF/1/