js を使用して、ページの幅に対するブラウザ内の左右のフローティング要素の位置を定義する body_javascript スキル

まず、この要素の位置は固定されています。
上は (clientHeight-elem.offsetHeight)/2 (つまり、要素はブラウザの中央にあり、これは固定です)
左は (clientWidht-body) width)/2 left of body width 左マージンは正の数値または負の数値に設定できます。負の数値の場合の絶対値が本体の幅 elem.offsetWidht と等しい場合、要素は浮動小数点数になります。 0 に設定すると、ページ本体の右側に表示されます。
しかし、邪悪な ie6 は CSS の固定属性をサポートしていません。
コードを具体的に見てみましょう:

コードをコピーします コードは次のとおりです。

左右のフローティング要素

スクリプト ホーム

<スクリプト言語="javascript"> window.onload = function(){
/*
---------------------------------
ページ本体の幅に対するブラウザの左右のフローティング要素の位置を定義する関数を定義します
------------ ------- ----------------
*/
function setScrollDivPos(elemId_str,main_width,m_left){
//取得要素をカスタマイズ Function
$ = function (id){return document.getElementById(id);};
//標準モードと混合モードでのブラウザのビューポート サイズを取得します
var c_width = document.body.clientWidth ;
var c_height = document.documentElement.clientHeight || document.body.clientHeight;
//ブラウザがスクロールするときに上部に表示されるピクセル サイズを取得します
//var s_top = document.documentElement .scrollTop || document.body.scrollTop;
//ブラウザのビューポートの幅からページのテーマの幅の半分を引いた値を取得します
varhalf_width = (c_width - main_width)/2;ブラウザビューポートの高さ
varhalf_height = c_height/2;
//要素の高さを取得します
var elem_height = $(elemId_str).offsetHeight
//要素の相対的な高さを取得します Relativeページの本文への位置 (左、上)
var pos_left = main_widthhalf_width m_left "px";
var pos_top = (c_height - elem_height)/2 "px";ブラウザの上部 スクロール サイズ
//var s_top = document.documentElement.scrollTop || document.body.scrollTop;
//要素の配置レイアウト
if(window.XMLHttpRequest){
$(elemId_str ).style.cssText = 'position:fixed;top:' pos_top ';left:' pos_left ';';
}else{
$(elemId_str).style.cssText = ';left :' pos_left ' ;';
}
}
//ページテーマ幅990px​​の左側にid pos-idの要素を定義します
//setScrollDivPos("pos-id ",990,-1040 ; script>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。