kimuchaのブックマーク / 2013年10月4日

kimucha id:kimucha

2013年10月4日のブックマーク (3件)

JavaScriptでAS風のEnterFrameの実装を考えてみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） jQueryのアニメーション機能はあまりにも便利ですが、刻々と位置情報などを更新していくタイプの処理には向いていません。こういうのが得意なのは、例えばASにおけるEnterFrameイベントなのですが、似たような実装をJavaScriptで出来ないだろうか、というのが今回の趣旨です。生のsetInterval/setTimeoutでいいんじゃない？ごもっとも。そんなに複雑にはなりませんしね。ただ、もうちょっと直感的に扱いたかったり、管理し易いクラスが欲しかった。さらに強いて言えば、「書いてみたかった」のです。以下に、2通りのパターンをライブラリにしてみました。さりげなくjsdo.itデビューも果たしてみましたよ！ ※いずれもjQueryを使用 Timeline.js jQueryのbind/triggerを使っ
kimucha 2013/10/04
javascript

jquery

event

as
リンク
スクロールに追従する要素 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
jQueryでスクロールに追従する要素を作るには、以下のようにして実装することができます。（以下のコードはあくまで一例です） HTML 追従する要素を準備します。 aside</p> CSS 追従するときのCSSを準備します。 div#aside.fixed { position:fixed; left:0; top:0; } JavaScript 以下のコードでは、スクロール時に準備した要素の上からの位置を取得し、ウィンドウのスクロールした上からの位置と比較します。比較し、ウィンドウのスクロールの位置より超えている場合は、追従する要素にクラス名を割り当て、横の位置を設定します。また、ウィンドウのスクロールの位置より下だった場合は、追従する要素のクラス名を削除し横の位置ももとに戻します。 $(function() { var $window = $(window), $aside =
kimucha 2013/10/04
jquery

scroll
リンク
[javascript][jQuery] $(window).width() と $(document).width() 違い答えを知りたい | 答えを知りたい
$(window).width() と $(document).width() や $(window).height() と $(document).height() がどういう時に違う値を返すかわからなかったので検索したら Stack Overflow に簡潔でわかりやすい説明がされてたので紹介します。 When you have a scrollbar on the webpage. (スクロールバーが表示されてる時) わかりやすいですね。一応念のために書いておくと window が「ブラウザの表示領域」で、document が「ページ全体」です。参考 jquery – When can $(document).width() and $(window).width() show different values? – Stack Overflow http://stackoverf
kimucha 2013/10/04
jquery
リンク
- 2013年10月7日
- 2013年10月4日
- 2013年9月30日