IE6で簡単にfixedを使えるようにするjQuery.exFixed.js

Javascript

サイトを作る際に要素を画面のとある位置に固定して配置したい時に使うposition: fixed;ですが、 ご存知の通り、IE6では使用できません。だからといってIE6のシェアも下がってきているなか複雑になる対策をしたくもないので、 jsでサックリ実装したくて探していたのですが、動作がよいものを見つけたのでご紹介です。

jQuery.exFixed.js

それがこちらのjQuery.exFixed.jsです。

更新履歴を見ると、つい最近も更新されていろいろ不具合も修正されているようです。いろいろ検証されていて、デモページも用意してあります。

使い方も簡単ですので、すぐ実装できました。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.exfixed.js"></script>
<script>
    $(function(){
        $('#sample').exFixed(); // fixdする要素を指定する
    });
</script>