0

私が欲しいのは、私が持っている機能よりも、上下にスクロールするのがはるかにスムーズな効果を使用することです。

外側の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);
    });

しかし、それはその+20pxのマージンで本当にずさんな感じがします。

slideDown（）を使用できますか？scrollTopを一緒に使用する必要がありますか？

前もって感謝します

4

3 に答える 3

2

次のように呼び出すことができるscrollTo()プラグインが必要になります。

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

編集：投稿したコードの改訂版は次のとおりです。

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

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

scrollToメインのjsファイルを含める前に、プラグインが含まれていることを確認してください。

于 2012-04-07T02:00:57.787 に答える
0

問題はないはずです。divをoverflow：scrollで次のように定義した場合：

div 
{
    width:150px;
    height:150px;
    overflow:scroll;
}
于 2012-04-07T02:01:18.230 に答える
0

jquery scrollTop（）メソッドを使用できます。

$(".all_content").scrollTop(20);
于 2012-04-07T02:05:16.023 に答える