按钮滚动

Question

当我点击.down时，我正在尝试滚动.text内的文本。我有一个隐藏溢出的简单文本。我在这里有一个例子：http://jsbin.com/ofaquh/1/edit

我一直在寻找jQuery scrollTo函数，但我想我不知道如何使用它：

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

Answer 1

请参阅小提琴：http://jsfiddle.net/AWQzg/

使用scrollTop()

$(function(){

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

})

请参阅：http://jsfiddle.net/AWQzg/1/，每次点击重复滚动20px

$(function(){

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

})

Answer 2

.scrollTo()实际上是一个插件。

您可以使用.animate()和scrollTop并获得相同的结果：

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

jsBin Demo

Answer 3

除非你使用scrollTo插件，否则我想你想使用jQuery的scrollTop函数。

例如：$(".text").scrollTop(20);

或者，在评论中回答您的问题时，请尝试：

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