bata's log

フロントエンド系のTipsとかメモ

ユーティリティ

スクロールすると表示されるナビゲーション

スクロール型のナビゲーションがあるサイトで、一定の位置までスクロールするとナビゲーションが固定で出てくるサイトがあります。 こういうの↓ http://gion-renge.jp/ これが結構よく使う演出なので使いまわせるように書いてみました。 function NavControl…

ユーザーエージェントを判定する

ユーザーエージェントを判定する簡単なユーティリティを作ってみた。 function DecideUA(){ this.name = window.navigator.userAgent.toLowerCase(); } DecideUA.prototype = { match: function(str){ return (this.name.indexOf(str) !== -1); } } 使い方 m…

要素の位置を取得する

縦長スクロール型のページでナビゲーションに現在位置を表示したり、ある特定の位置までスクロールしたらイベントが発火したりするコンテンツを作る場合、該当の要素の位置を取得するという工程が必要になります。 この部分だけを切り出してユーティリティ的…

画像ロールオーバーをオブジェクト指向的な書き方で・・・その2

基本的な機能を使いまわして、通常のロールオーバーとフェード付きを作ってみた。 クローン画像の生成のあたりはもう少し改善できそうな気がする。 kawabataryo/imgRollover kawabataryo/imgRollover · GitHub