Divコードを常に画面中央に表示する(css js)_javascript Tips

1. 中央に表示します (参照: sky100articles1790515)

コードをコピーしますコードは次のとおりです: .ordersearchDivCss

{

位置: 絶対;
表示: ブロック; 6ec1df;
}

Js コード
呼び出し: JScript ファイルは、要素 ID
関数 $(id)
{
return document.getElementById(id)

}




コードをコピー


コードは次のとおりです。

function sc1(DivId) { var Div = $(DivId); $(DivId).style.top = ( document.documentElement.scrollTop ( document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) "px"; $(DivId).style.left = (document.documentElement.scrollLeft (document.documentElement.clientWidth) - $(DivId).offsetWidth) / 2) "px"; //alert($(DivId).style.top);

2.常に中央に表示し、スクロールする場合は、Js に次のコードを追加します:

コードをコピー

コードは次のとおりです:

関数 scall() { sc1("DivMain"); window.onscroll = scall window.onresize = scall; window.onload = 呼び出し

声明：

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