넷스케이프는 어떻게 컨톨하는지 몰라서 ie에서만 적용되는 소스는있는데..
위에꺼는 못보던게 넘 많아서 어떻게 줄여드려야 할지 몰겠습니다.

<!-- 이부분이 보여질 부분입니다...-->
<div id="div_id" style="position:absolute;left:300;">
<table border="1" height="300">
<tr>
<td>여기다 내용을 넣으세요</td>
</tr>
<tr>
<td align="center" style="cursor:hand" onclick="moving_control()">메뉴on/off</td>
</tr>
</table>
</div>
<!-- 여기까지-->

<script type="text/javascript" language="javascript">
<!--
var scroll_pixel,div_pixel,gtpos,gbpos,loop,moving_spd;
var top_margin = 50; /// 창의 맨위와의 여백 내려올때
var top_margin2 = 100; /// 창의 맨위와의 여백 올라올때
var speed = 20; /// 점차 줄어드는 속도를 위한 설정
var speed2 = 15; /// setTimeout을 위한 속도 설정
var moving_stat = 1; /// 메뉴의 스크롤을 로딩시 on/off설정 1=움직임 0은 멈춤

function check_scrollmove()
{
scroll_pixel = document.body.scrollTop;
gtpos = document.body.scrollTop+top_margin;
gbpos = document.body.scrollTop+top_margin2;
if(div_id.style.pixelTop < gtpos)
{
moving_spd = (gbpos-div_id.style.pixelTop)/speed;
div_id.style.pixelTop += moving_spd;
}
if(div_id.style.pixelTop > gtpos)
{
moving_spd = (div_id.style.pixelTop-gtpos)/speed;
div_id.style.pixelTop -= moving_spd;
}
loop = setTimeout("check_scrollmove()",speed2);
}
function moving_control()
{
if(!moving_stat){ check_scrollmove(); moving_stat = 1;}
else{ clearTimeout(loop); moving_stat = 0; div_id.style.pixelTop = top_margin;}
}
check_scrollmove();
-->
</script>

소스좀 줄여서 만들어 본건데요 뭐 수정할부분은 위에 주석보이시죠..거기서 속도하고
맨위에 style="position:absolute;left:300;" 이부분 레이어가 있어야할 위치만 지정해주시면 되는데요..

님이 원하는거 맞는지는 몰겠구 혹시해서 올립니다.

참.. 위치는 left는 왼쪽에서 얼만큼 떨어질테냐 이고.
위에서 얼만큼 떨어질테냐는 top:얼마 이렇게 넣어주시면 됩니다.

html작성하실줄 아신다면..
<!-- 이부분이 보여질 부분입니다...-->
<div id="div_id" style="position:absolute;left:300;">
<table border="1" height="300">
<tr>
<td>여기다 내용을 넣으세요</td>
</tr>
<tr>
<td align="center" style="cursor:hand" onclick="moving_control()">메뉴on/off</td>
</tr>
</table>
</div>
<!-- 여기까지-->
여기부분이 보여질 부분이거든요.
<tr>
<td align="center" style="cursor:hand" onclick="moving_control()">메뉴on/off</td>
</tr>
이거만 지우면 됩니다.
작동이 안되신다면 아마 script소스를 지운거 같은데요.. 소스에서 지워야될부분이나 그런건 없습니다.
그냥 수정만 하시면 됩니다.