Javascript 滚动按钮-使用jQuery

所以我正在制作一个列表，你可以通过点击按钮滚动浏览。它还需要有一个可见的滚动条，并且可以正常工作。但我不知道如何编辑我的代码，使它们都发挥作用。我可以让按钮工作，也可以让滚动条工作，但不能两者都工作。有人能帮忙吗

var itemsToShow=3；
$（'#scroll>li'）。每个（函数（i，k）{
var ele=$（本）；
$（ele.attr（'id'，'scroll'+i）；
});
$（'#up'）.bind（'click'，function（）{
如果（$（'#scroll0:hidden'）。长度>0）
{
//这意味着我们可以上去
var boundaryTop=$（'ulli:visible:first'）.attr（'id'）；
var boundaryBottom=$（'ul li:visible:last'）.attr（'id'）；
if（$（'ul li#'+boundaryTop）.prev（）.length>0）
{
$（'ul li#'+boundaryTop）.prev（）.show（）；
$（'ul li#'+boundaryBottom）.hide（）；
}
}
});
$（'#down'）.bind（'click'，function（）{
如果（$（'#滚动li:last:hidden'）。长度>0）
{
//这意味着我们可以下去
var boundaryTop=$（'#滚动li:visible:first'）.attr（'id'）；
var boundarybooth=$（'#滚动li:visible:last'）.attr（'id'）；
如果（$（'#滚动li#'+边界底部）.next（）.length>0）
{
$（'#滚动li#'+边界底部）.next（）.show（）；
$（“#滚动li”+boundaryTop.hide（）；
}
}
});
.lg{
溢出-x：自动；
高度：90px；
溢出y：自动；
}


正文
正文
正文
正文
正文
正文
正文
正文

以下是您滚动到顶部和底部的方式：


看起来您正试图按字面意思显示/隐藏这些字段，从而将它们从浏览器流中删除。您可能应该使用javascript设置可滚动div的scrollTop位置，而不是显示/隐藏，而不是操作其中的元素。
您可以使用jQuery中的scrollTop（）函数在一行代码中完成此操作

10是要向上/向下跳跃的像素数

$('#up').click(function(){
  $('ul.lg').scrollTop($('ul.lg').scrollTop()- 10);
});

$('#down').click(function(){
  $('ul.lg').scrollTop($('ul.lg').scrollTop() + 10);
});

Retros，你想让它在div中点击吗？或者滚动到下一组？嘿，我想滚动到下一组。$（“#scroll0:hidden”）。长度始终为0。其中是带有#scroll0 IdSo的元素，您需要将div设置为id
scroll
，因为在您的示例中，您的lis没有获得id。此外，您也没有设置
：hidden
状态，谢谢！简单，但有效！谢谢你，基思！
$('#up').click(function(){
  $('ul.lg').scrollTop($('ul.lg').scrollTop()- 10);
});

$('#down').click(function(){
  $('ul.lg').scrollTop($('ul.lg').scrollTop() + 10);
});