<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<div id="ScrollMenu" style="position:absolute; left:0; top:0; width:200px; height:400px; z-index:1; border:1px solid blue">
어쩌구 저쩌구 레이어
</div>
<script language=javascript>
<!--
var yScrollThumb;
var yMenuTop;
function CheckMenuPosition()
{
yScrollThumb = 400 + (document.body.clientWidth-400) /2;
if (yScrollThumb != ScrollMenu.style.left)
{
ScrollMenu.style.left = yScrollThumb;
}
yScrollThumb = document.body.scrollTop +100;
yMenuTop = parseInt ( ScrollMenu.style.top, 10);
if ( yMenuTop == yScrollThumb)
{
TimeOutInterval = 500;
}
else
{
yMenuTop = ( yMenuTop + yScrollThumb) / 2;
if ( 200 >= yMenuTop)
{
ScrollMenu.style.top = 200;
TimeOutInterval = 500;
}
else
{
ScrollMenu.style.top = yMenuTop;
TimeOutInterval = 10;
}
}
setTimeout ("CheckMenuPosition()", TimeOutInterval);
}
function OnLoad()
{
CheckMenuPosition();
return true;
}
OnLoad();
//-->
</script>
</head>
<body>
<div style="width:400px; height:1200px; border:2px solid red ">
11111111
</div>
</body>
</html>