jquery - 滚动按钮

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);
});

})

​</p>

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

$(function(){

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

})

​</p>

Answer 2

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

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

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

jsBin 演示

Answer 3

除非您使用的是 scrollTo 插件，否则我认为您想使用 jQuery 的scrollTop功能。

前任：$(".text").scrollTop(20);

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

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