DIV を常に画面の中央、左下、左上、右上、右下に配置するための JS CSS コード集_JavaScript スキル

コードをコピー コードは次のとおりです: スクロールバーで移動するレイヤー > .div{ 位置: 絶対値; 境界線: 2px 背景色: #EFEFEF; 線の高さ: 90px; z-index:1000; } Center... 関数 sc1() { document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop (document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2) "px "; document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft (document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2) " px" ; } ;左上 ... function sc2(){ document.getElementById("Javascript.Div2").style.top= (document.documentElement.scrollTop) "px"; document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft) "px";スクリプト> 左下... ; function sc3(){ document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop document.documentElement. clientHeight-document.getElementById("Javascript.Div3").offsetHeight) "px"; document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft) "px"; >} そうです...&lt ;/div> function sc4(){ document.getElementById("Javascript.Div4").style.top=(document) .documentElement.scrollTop) "px"; document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft document.documentElement.clientWidth-document.getElementById("Javascript.Div4")。 offsetWidth) "px" ; } 右下... function sc5(){ document.getElementById("Javascript.Div5") ).style.top =(document.documentElement.scrollTop document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight) "px"; document.getElementById("Javascript.Div5").style .left=(document .documentElement.scrollLeft document.documentElement.clientWidth-documentById("Javascript.Div5").offsetWidth) "px"; } 関数 scall(){ sc1();sc2();sc3();sc4();sc5( ); } window.onresize=scall; //-> /HTML>