エレメントを画面中央に表示する
function setCenter(element){ element.style.top=Math.floor((screen.availHeight-element.offsetHeight)/2)+'px'; element.style.left=Math.floor((screen.availWidth-element.offsetWidth)/2)+'px'; element.style.position='fixed'; window.addEventListener('resize', function(){ element.style.top=Math.floor((screen.availHeight-element.offsetHeight)/2)+'px'; element.style.left=Math.floor((screen.availWidth-element.offsetWidth)/2)+'px'; },false); } setCenter(document.getElementsByTagName('h1')[0])
なんかいまいちうまく動かないことがある。
というか、画面の中央に表示するなんてCSSの仕事じゃないかなぁ。