大きな画像のスクロール

Question

私は780pxの幅と8400pxの高さの中心divを持つHTMLページを持っています。このdivに背景画像が設定されています。今私は垂直にスクロールするスクロールバーを持って、それは良いです。私はそれをそのままにしたい。しかし、私はまた、2つのボタン（前と次）があります。私が次にクリックすると、私のコンテナが1200pxまでスクロールするようにしたい。しかし、私のスクロールバーは縮小します。そして私はまた、これは私のコードのjQueryのです...画像はもう利用できない場合にも、次のPREVボタンを押す

を保つことができます。

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

これが私のマークアップです：

<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> 

誰でも助けることができますか？あなたはそれをスクロールしたい場合は

Answer 1

あなたは間違ったプロパティを見ている、トップは自分のイメージを移動し、それをスクロールしないであろう、scrollTopスプライト

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

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