큰 이미지 스크롤

Question

나는 780px 너비와 8400px 높이의 중심 div가있는 HTML 페이지가 있습니다. 이 div에 설정된 배경 이미지가 있습니다. 이제 세로로 스크롤 할 수있는 스크롤 막대가 있습니다. 나는 그것을 그렇게 유지하고 싶다. 그러나 나는 또한 2 개의 단추가있다 (이전과 다음). 다음을 클릭하면 컨테이너가 1200px 아래로 스크롤되도록하고, 이전을 누르면 컨테이너가 1200px 위로 스크롤되기를 원합니다. 하지만 스크롤바가 줄어든다.

<div class="centerSite"> 
     <div class="siteContainer"> 
      <nav></nav> 
      <div class="content"> 
       <div class="scrolling"></div> 
       <div class="scrolling_prev"></div> 
       <div class="scrolling_next"></div> 
      </div> 
      <footer></footer> 
     </div> 
    </div> 

:

$(document).ready(function (e) { 
    $(".scrolling_prev").click(function() { 
     $(".scrolling").animate({ "top": "+=1200px" }, 800); 
    }); 
    $(".scrolling_next").click(function() { 
     $(".scrolling").animate({ top: "-=1200px" }, 800); 
    }); 
}); 

이 내 마크 업입니다 : 그리고 또한

이 내 코드 JQUERY입니다 ... 이미지가 더 이상 사용할 수 없습니다 또한 경우 다음 이전 버튼을 누르면 유지할 수 있습니다

누구든지 도움을받을 수 있습니까? 당신이 그것을 스크롤하려면

Answer 1

당신은 잘못된 특성에서 찾고, 상단은 당신의 이미지를 이동하고 스크롤하지 않습니다, scrollTop

http://jsfiddle.net/dxMTX/11/

$('#prev').click(function() { 
    $('#outer').animate({'scrollTop':'-=1200'}); 
}); 
$('#next').click(function() { 
    $('#outer').animate({'scrollTop':'+=1200'}); 
});