要素を強制的にモニタの中心に配置する。

2011/11/092015/09/11

ブラウザの中心ではなく、モニタの中心。
アイデアレベルで作ってはみたものの、どうにもこうにも使いモノにならずお蔵入り。可哀想なので晒してみるテスト。

OSXだと、ウィンドウドラッグ中はscreenX, screenYが更新されないのね(´・ω・`)

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	setInterval(function() {
		var x = window.screenX || window.screenLeft;
		var y = window.screenY || window.screenTop;
		x = screen.availWidth  / 2 - x - 80;
		y = screen.availHeight / 2 - y - 100;
		jQuery('#force-center').css({'left': x +'px', 'top': y + 'px'});
	}, 10);
});
</script>
</head>
<body>
<div id="force-center" style="background-color:pink;border:3px solid red;color:red;font-size:10px;font-weight:bold;line-height:14px;position:absolute;height:60px;width:80px;text-align:center">意地でも<br />モニタの中心に<br />居座る<br />(・∀・)</div>
</body>
</html>

意地でも
モニタの中心に
居座る
(・∀・)