指定したレイヤーをfixed表示にする

質問

var css={
//省略
doFixed:function(element,LayerX,LayerY){
if(element.style.position!='absolute'){
element.style.position='absolute';
}
var LayerLeft=this.getLayerLeftonPage(element); //ページ上、レイヤーの左辺座標
var LayerTop=this.getLayerToponPage(element); //ページ上、レイヤーの上辺座標
this.setLayerPosition(element,LayerLeft,LayerTop); //対象,セットする対象の左辺座標,セットする対象の上辺座標
LayerX=LayerX ? LayerX : LayerLeft; //つまり、引数のLayerXは省略可能
LayerY=LayerY ? LayerY : LayerTop; //つまり、引数のLayerYは省略可能
addEvent(window,'scroll',function(){//イベントリスナです。
css.setLayerPosition(element,LayerX+css.getScrollLeft(),LayerY+css.getScrollTop());
/*
ウィンドウ上でスクロールされたら、直ちにセット。
css.getScrollLeft……X方向のスクロール量
css.getScrollTop……Y方向のスクロール量
*/
});
addEvent(document,'mousemove',function(evt){//ドラッグ要素にしたりしたときの対策
if(getEventElement(evt)===element){//event.targetのクロスブラウザ
LayerX=css.getLayerLeftonPage(element);
LayerY=css.getLayerToponPage(element);
}
});
},
//省略
};
このように、指定したレイヤーをfixed表示にする方法を思いついたのですが、どうしてもガタついてしまいます；
背景画像を固定するという方法も見かけますが、それは避けたいです＞＜

どうにかして、出来ないでしょうか？
http://kyukyoku.xrsp.net/cgi-bin/Test.cgi
こちらがテストです。

御回答宜しくお願いしますm(_ _)m

回答No.1

noris02 · ベストアンサー

根本を揺るがしてしまうかもしれないのですが、
cssで指定 というのは だめでしょうか。もしかして、これがおっしゃってる背景画像の固定？

absoluteにしてあるので、親からみた 絶対位置に表示されるわけですが、もちろんスクロールすれば一緒に動きます。スクロールされたら位置を直すという　スクリプトですが、どうしても読み込みにミリ秒かかります。それが がたつきの原因とみます。

それならば、cssで あるidもしくはclassを指定した空間要素に、position:fixed;を指定してやるほうが、読み込みも少なくきれいだと思います。

補足

御回答ありがとうございます。
確かに、position:fixed;でも出来ますが、IE5などの古いブラウザでも対応させたいのです。(IETesterでテスト)
IE5だと、fixed指定してもrelativeになってしまいます。