Question

我想要的是使用比我的功能更向下滚动的效果。

我有一个外部div（溢出：隐藏）和一个宽度较小的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);
    });

但感觉非常邋with + 20px的保证金。

我可以使用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插件。

Answer 2

应该不是问题，如果用溢出定义你的div：滚动如下：

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

Answer 3

你可以使用jquery scrollTop（）方法：

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

在jQuery中，我可以使用slideDown（）作为具有大内容的div的向下滚动功能吗？

3 个答案: