jQueryでは、大きなコンテンツを持つdivのスクロールダウン機能としてslideDown（）を使用できますか？

Question

私が望むのは、私が持っている機能よりもスクロールダウンするのに、はるかにスムーズなエフェクトを使用することです。

私は外側のdiv（overflow：hiddenで）とdivの幅（class = 'all_content'）が小さいです。

<a href='#' class='up'>Up</a> 
<a href='#' class='down'>Down</a> 
<div class='container'> 
<div class='all_content'> All the content is here </div> 
</div> 

私は、そのコードがあります。

$(".down").click(function() { 
     $(".all_content").animate({marginTop: '-=20px'}, 0); 
    }); 

$(".up").click(function() { 
     $(".all_content").animate({ marginTop: '+=20px' }, 0); 
    }); 

をしかし、それはその+ 20ピクセルのマージンを持って、本当にずさんな感じ。

slideDown（）を使用できますか？ scrollTopと一緒に使うべきですか？事前に

おかげ

Answer 1

あなたは、このように呼び出すことができます scrollTo() plugin、したいと思う

：

$(".all_content").scrollTo({top: "+20px"}, 1000); 

編集：

$(".down").click(function() { 
    $(".all_content").scrollTo({ 
     top: '-=20px' 
    }, 1000); 
}); 

$(".up").click(function() { 
    $(".all_content").scrollTo({ 
     top: '+=20px' 
    }, 1000); 
});​ 

：ここではあなたが投稿コードの改訂版です

メインjsファイルを含める前に、scrollToプラグインが含まれていることを確認してください。あなたがオーバーフローしてあなたのdivを定義する場合

Answer 2

は、問題になることはありません。このようにスクロール：

div 
{ 
    width:150px; 
    height:150px; 
    overflow:scroll; 
} 

Answer 3

をあなたはjqueryのscrollTopスプライト（）メソッドを使用することができます

$(".all_content").scrollTop(20);