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

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

[kijtra]

ん、クラスの切り替えでCSS3アニメーションって、一般的だと思ってたけど…

[tkm_shohei]

むしろスマホでJsだけでアニメーションさせるのなんて今更やってるとこのほうが少ないだろう。

[d4-1977]

確かに、スライドのアニメーションは滑らか。ただ、jQueryでアニメーションをスマホで、というのは、やめた方が賢明

[h5y1m141]

"最後に CSS3すげぇ 　角丸くできるだけかと思ってました。ごめんなさい。"

[teppeis]

ヌルヌルサクサクって秋山のことかと思ったが違った。

[hanagejet]

土日にやろ。

[mainyaa]

素晴らしい https://github.com/ukitaka/jSlideMenu

[typista]

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

[kyotaweb]

Google先生から学ぶことが多いな

[ebo-c]

このtipsだけで実装してもスムースにならない。慣性挙動の自前実装と、あとおそらく適度にイベントを間引いて負荷軽減が必要そう

[Kureduki_Maari]

.｡oO(JavaScriptからCSS3のanimationを弄ってanimation) Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita [キータ]

[kihan]

CSS3のアニメーションか〜。Googleがやっているんだから、このやり方がベストに近いのかな。

[fkrow_one]

スライドメニュー

[Horiuchi_H]

CSS Animationかぁ。そろそろ調べないとな。

[UDONCHAN]

参考になる

[mattarin]

CSSでやるのかー。なるほど。

[bleu-bleut]

スクロールの処理にtranslate3Dを使う？

[abeshin22]

めも。

[vitaminsii]

CSS3のアニメーションをつかうのか。あとで試してみよう。

[warriorking]

Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita (キータ)

[iuhya]

Googleは参考になるよね。

[yamadar]

こういう風に実際に実装してみるのは力が付くので見習いたい。

[kimihito]

Googleから学ぶ ヌルヌルサクサクなスライドメニュー #JavaScript #CSS - Qiita [キータ]

[kool_kreate]

z-indexを負にしてメニューを隠しておく / スライドメニュー

[nakamods]

JavaScript CSS

[sansansanba]

実験したい

[asuka0801]

確かに凄いけどCSS3のサンプルでもやってるし今更感

[thujikun]

うーん、正直今更な気が…

[miz2403]

素晴らしいかもしれない！アプリのように動くサイトを作りたい

[minetty99]

google playのborderを使った裏技チックなナビといい、やっぱ中の人達は凄いな～