Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita

スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じない メイ

[fooo]

GoogleのUIにおけるアニメーションは、CSS3のアニメーションを使っているから滑らからしい

[griefworker]

「スマートフォンではjavascriptではクラスの切り替えのみを行い、アニメーションはCSSに任せるのが定石」

[kkeisuke]

transform translate3d transition 目立たない要素はアニメーション時はhiddenにする

[habuakihiro]

あ、俺もだｗ＞角丸くできるだけかと思ってました。ごめんなさい。

[Aki07]

本命