아래 소스가 여기 팁에서 복사한건데요..
제 레이어가 918, 489 위치에 있습니다. 그러니까 처음 브라우져가 시작되면 우측하단에 머리부분만 보이게 됩니다.
근데 아래와 같이 해보니, 처음 가만히 있을때는 괜찮은데, 아래로 스크롤바를 내리면
레이어도 같이 움직여버려서 계속해서 머리부분만 보이게 됩니다.
그렇다고 레이어 위치를 레이어가 모두보이게 위로 옮기려니 , 홈페이지의 상단부분을 막아서 보기싫고,
그래서 자문 구합니다.
처음 하단에 위치한 레이어가  스크롤바를 아래로 내릴때, 움직이지말고, 그 레이어가 브라우져
제일 위로 넘어가게되면 고 바로 아래로 내려오고 하려면 어떡합니까?

현재 아래소스는 레이어가 있는위치에서 스크롤바만 움직이면 무조건 레이어가 움직입니다.
즉 레이어가 화면을 넘어갈경우 내려오는게 아니구.....스크롤움직임과 함께 같이 움직이니
처음홈페이지에서 우측 제일꼭대기에 위치할때는 문제가 없는데, 상단메뉴와 그림이 있고
그 아래 내용들어가는 부분인 중간의 우측에 있는경우는 아래로 내렸다가 다시 위로 올리니
처음 위치에서 끝나는게 아니라, 상단 그림위까지 올라가서 아주 곤란하더군요.





<!-- 우측메뉴 따라다니기 -->
<script type="text/javascript" language="javascript">
<!--
var scroll_pixel,div_pixel,gtpos,gbpos,loop,moving_spd;
var top_margin = 480;         /// 창의 맨위와의 여백 내려올때
var top_margin2 = 530;      /// 창의 맨위와의 여백 올라올때
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>