指定したElementを画面中央に表示するJavaScript
指定したElementを画面中央に表示するJavaScript。
prototype.js使ってます。
こんな感じでいいのかな?
function screenInfomation(){ var screen = new Object(); screen.width = document.body.clientWidth || document.documentElement.clientWidth; // 横幅 screen.nowHeight = document.documentElement.clientHeight; // 現在表示している画面の高さ screen.height = document.body.clientHeight || document.body.scrollHeight; // 画面の高さ screen.x = document.body.scrollLeft || document.documentElement.scrollLeft; // 横の移動量 screen.y = document.body.scrollTop || document.documentElement.scrollTop; // 縦の移動量 return screen; } // function elementIsCenter(id){ var screen = screenInfomation(); var obj = Element.getDimensions( $(id) ); $(id).style.left = (screen.width/2) - obj.width/2 + 'px'; $(id).style.top = (screen.nowHeight/2 + screen.y) - obj.height/2 + 'px'; }