jquery - スクロールするボタン

Question

.downをクリックすると、.text内のテキストをスクロールしようとしています。オーバーフローが隠された単純なテキストがあります。ここに例があります：http：//jsbin.com/ofaquh/1/edit

私はjQueryのscrollTo関数を探していましたが、それをうまく使用する方法がわからないと思います。

$(function(){      
    $(".down").click(function() {
        $(".text").scrollTo(20);
    });
})

score 3 · Accepted Answer

フィドルを参照してください：http://jsfiddle.net/AWQzg/

使用するscrollTop()

$(function(){

$(".down").click(function() {
    $(".text").scrollTop(20);
});

})

</p>

参照: http://jsfiddle.net/AWQzg/1/クリックごとに 20px の繰り返しスクロールについて

$(function(){

$(".down").click(function() {
    $(".text").scrollTop($(".text").scrollTop() + 20);
});

})

</p>

score 2 · Accepted Answer

.scrollTo()実はプラグインです。

.animate()andscrollTopとを使用して同じ結果を得ることができます。

$(".down").click(function() {
    $(".text").animate({ scrollTop: 200 });
});

score 1 · Accepted Answer

scrollTopscrollTo プラグインを使用していない限り、jQuery の機能を使用したいと思います。

元：$(".text").scrollTop(20);

または、コメントの質問に答えて、次のことを試してください。

var move = 20;     
$(".down").click(function() {
    $(".text").scrollTop(move);
        move += 20;
});

3 に答える 3