IE6 position:fixed の諸問題を解決するjQueryプラグイン - exFixed.js

Cyokodog::DiaryさんのエントリーでIE6 position:fixed の諸問題を解決するJSが紹介されていました。
これは便利です。管理人も早速使用しています。

使い方

まずはjquery.jsとexfixed.jsをダウンロードし下記順で読み込みます。

            <script type="text/javascript" src="jquery.js"></script>  
            <script type="text/javascript" src="exfixed.js"></script>

下記のようにfixedのCSS定義をし、対象要素に対しexFixed()メソッドを実行するだけでOKです。

            <style>
              #sample{
                  position:fixed;
                  width:40%;
                  height:40%;
                  right:10%;
                  bottom:10%;
              }
            </style>
            <script>
              $(function(){
                  $('#sample').exFixed(); // for IE6
              });
            </script>

動的にfixedしたい場合はCSSの定義をせず、CSSメソッド相当のパラメータを指定してfixed()メソッドを実行します。

            //画面全体を覆います
            $(link).click(function(){
                $(box).exFixed({
                    width:'100%',
                    height:'100%',
                    background:'#555',
                    opacity:.5
                });
            });

サンプル »»»

画像