HAM MEDIA MEMO

この記事は jQuery Advent Calendar 2014 の９日目の内容です。

何を書こうか悩んだのですが、軽めに。

jQueryのバージョン1.9より前にあった event の toggle、地味に時折あると、簡易的にイベントを繰り返し実行したいような時に便利だったりします。

.show() と .hide() を繰り返す方の .toggle() ではないことに注意。

このイベントの `.toggle()` だけをプラグイン的に使えるように抜き出してみよと思います。

スクロール位置によってサイドバーやナビゲーションを固定・解除する jQuery のシンプルな実装方法と注意点

ページをスクロールしていると、途中から要素が固定表示される動きをするサイトを時折見ます。ナビゲーションだったりサイドバーの目立たせたいところだったり、用途は様々。

例えば、SaCSS の以前のスペシャルページでも利用していたように、ページ途中で出てくるナビゲーションが、画面の一番上に触れると固定されて以降ずっとついてくるような動きをする。

この実装はそれほど難しくなく、比較的簡単に実装できるのですが、諸所気にかけておいたほうが良い部分があったりする。

シンプルな実装方法を紹介しつつ、注意点も書いておこうと思う。

https://cdn.getshifter.co/32715484ff1aa7a6d477ee970ea9c436cc4ba636/uploads

昨日帰宅後から体調がよろしくない (´ ºムº `) です。電車中でグラングランくると、逃げ場がなくてあたふた・・・

余談はいいとして、本日のエントリーに。先日、『日本人が開発したJavaScriptライブラリで4位？』

で、以前作っていたプラグインの利用が高いという事実が！

ということもあり、ちょっと整理して Github にアップしてみました。

jQuery 1.11 と 2.1 が先日リリースされていました。

この機会にカスタムビルドの方法を再度勉強しておこうとおもったので、勉強したことをメモしておきます。

cloneした要素を繰り返し使い回すようなコード書こうとして、なぜか .append() しても 1個しかでない。２回以上使い回せない！という状況になり、改めて使い方を確認してみたのでそれをメモしておきます。