ごりゅご.com
こんにちは、太田です。3回ほどJavaScriptの基礎的な内容が続いたので、今回はグラフィカルなアニメーションについて解説します。グラフィカルなJavaScriptというと、難しい・応用的なイメージがあるかもしれませんが、JavaScriptでのアニメーションとはすなわちCSSを段階的に操作するということで、そのポイントを抑えれば中身は単純なものです。 アニメーションの前提知識 HTMLにおける通常のアニメーションを構成するのは、「特定の要素」に対して、「そのCSSプロパティ」を「ある時点からある時点まで」の時間の中で、「ある値からある値に操作」する、といった要素です。 特定の要素と、CSSプロパティについては問題ないと思います。問題となるのは「時間と値の操作」です。 まず、単純にインクリメントするだけというサンプルを見てみましょう。 良くないアニメーション var y = 0;
先日公開した「AmazonExplorer」では、スクロールするとAjaxで次のページを勝手に読み込むようにしてるんだけど、どうにも読み込み処理が遅い。遅いどころかまったく先に進まないときもある。 最初、Android端末の性能上、DOMの処理が追いついてないのかと思ったが、いろいろテストしてみたらどうやらスクロールのイベントを拾うのが異様にヘタらしい。 つまり、onclickイベントなどはすぐに拾ってくれるがonscrollイベントをうまく拾ってくれない。jqueryでの$(window).scrollも同様。 しばらく待っても処理されないときは処理されないので、遅いと言うより拾えてないのか??。何度もスクロールしてると拾ってくれるが、インタフェースとしてはかなりストレスが高くなってしまう。PCのスクロールと違ってタッチしてヌルヌル動かせるということが何かしら処理しづらい原因になっている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く