안녕하세요?

스크롤 따라 움직이는 레이어 기능으로 홈페이지 메뉴를 같이 움직이게 할려고 하는데,

한 페이지 안에서 스크롤 따라 움직이는 레이어를 2 개를 사용할려면 어떻게 하면 되는지 궁금합니다.

레이어 하나를 움직이게 하는 건 여러 개 있던데,
레이어 2개 이상을 움직이게 하는 건 없는 거 같네요.

많은 도움 부탁드리구요.

좋은 하루 되세요.

그렇군요. 답변 감사드립니다.

일단 샘플을 만들어서 테스트 해봐야 겠네요.

그리고 아래는, 어떤 사이트에서 찾은 스크립트인데, 이걸 적용하면, 페이지가 로딩되고 난 다음에 제대로 작동될때도 있고, 그냥 멈춰 있는 경우도 있습니다.

함 살펴봐 주시면 감사하겠습니다.

--------------------------------------------------------------------------
<!-- SCROLL SCRIPT BEGIN -->
<script language="JavaScript">
<!--
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;

<!-- STALKER CODE -->
function heartBeat() {
  if(IE) {
    diffY = document.body.scrollTop;
    diffX = 0;
  }
  if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
  if(diffY != lastScrollY) {
    percent = .1 * (diffY - lastScrollY);
    if(percent > 0) percent = Math.ceil(percent);
    else percent = Math.floor(percent);
    if(IE) {
      document.all.Layer1.style.pixelTop += percent;
      // 스크롤 레이어가 1개 이면 아래 소스를 지우고,
      // 스크롤 레이어가 2개 이상일 경우 소스를 추가한 후 ID 값만 변경한다.
      document.all.Layer2.style.pixelTop += percent;
    }
    if(NS) {
      document.Layer1.top += percent;
      // 스크롤 레이어가 1개 이면 아래 소스를 지우고,
      // 스크롤 레이어가 2개 이상일 경우 소스를 추가한 후 ID 값만 변경한다.
      document.Layerr2.top += percent;
    }
    lastScrollY = lastScrollY + percent;
  }
  if(diffX != lastScrollX) {
    percent = .1 * (diffX - lastScrollX);
    if(percent > 0) percent = Math.ceil(percent);
    else percent = Math.floor(percent);
    if(IE) {
      document.all.Layer1.style.pixelLeft += percent;
      // 스크롤 레이어가 1개 이면 아래 소스를 지우고,
      // 스크롤 레이어가 2개 이상일 경우 소스를 추가한 후 ID 값만 변경한다.
      document.all.Layer2.style.pixelLeft += percent;
    }
    if(NS) {
      document.Layer1.top += percent;
      // 스크롤 레이어가 1개 이면 아래 소스를 지우고,
      // 스크롤 레이어가 2개 이상일 경우 소스를 추가한 후 ID 값만 변경한다.
      document.Layer2.top += percent;
    }
    lastScrollY = lastScrollY + percent;
  }
}
if(NS || IE) action = window.setInterval("heartBeat()",10); //숫자는 스크롤 속도
//-->
</script>
<!-- SCROLL SCRIPT END -->
------------------------------------------------------------------------------------