投稿者: ngi

[js] スマートフォンのアドレスバーを、コンテンツの高さが足りないときでも非表示にする（改良版）

前回から改良したので、別記事にしました。
基本的な処理はほとんど変わっていませんが少し改良しています。

  • スクロールの判定方法を変更
  • アドレスバーが消えたときのイベントが取得できるようになった

続きを読む [js] スマートフォンのアドレスバーを、コンテンツの高さが足りないときでも非表示にする（改良版）

ハッシュ変更を検知

ライブラリに依存しないハッシュ変更を検知するスクリプト。
ほとんど出番はないと思われ。

—
2013/1/18追記
CoffeeScriptも少しかじったので用意してみた。
ただしやり始めたばっかりなので不備があるかも。。
現時点で把握している不備と対策です。
・on()が存在しない
　→bind()を使う
・off()存在しない
　→unbind()を使う

デモ:

デモ

続きを読む ハッシュ変更を検知

jsでパラパラアニメ

jsでパラパラアニメ。
よく見かけるものはbackgroundpositionを制御するものが多くて、cssでの背景画像の指定が面倒なことがあったのでimgタグでも使えるようにしてみました。
背景画像にする場合は、divタグを入れ子にすれば使えます。

デモ:

デモ

ソース:

anime.js
anime.min.js(圧縮版)
anime.coffee

ドキュメント:

ドキュメント

続きを読む jsでパラパラアニメ

IEのwindow.onload代替スクリプト

メモ。あってるかどうかは未検証。

2013/7/12追記
javascript:void(0)がSSL環境のIEでセキュリティエラーになるため修正

/**
 * on load
 *
 */
function onLoad() {
	alert("onload");
}
 
if(/*@cc_on!@*/false) {
	//IE
	var s = document.createElement("script") || {};
 
	s.src = "://0";
	s.type = "text/javascript";
	s.setAttribute("defer", "defer");
	s.onreadystatechange = function () {
		if(this.readyState == "loaded") {
			onLoad();
		}
	};
 
	document.body.appendChild(s);
}
else {
	window.addEventListener("load", onLoad);
}