Javascript UL LI元素单击上下按钮时自动滚动jQuery

我正在制作频道编辑器，当选择第三个项目时，我有自动滚动的问题…因此，当用户单击项目1并单击向下按钮三次时，需要按以下顺序：

三, 4. 一,

当用户单击“向上”按钮一次时，它需要是以下顺序：

一, 2. 三,

所以，如果最后一个项目在底部，我的想法是自动滚动……我需要两个自动滚动器……当最后一个项目在列表中滚动时，一个项目和其他类似于PrvivisScLink的滚动程序，但在项目中间是ScRoOL。 我这里是代码：

在此处输入代码

编辑：

我需要重新定义我的问题，因为我错误地描述了我需要得到什么：

以下是JSFIDLE示例：

在此处输入代码

我需要当用户点击按钮向下移动CH1时，当它到达CH12时，再按下一个按钮，它滚动到位置CH13

例如，当用户在CH15上，并且开始按向上按钮CH15在到达CH13位置时向上移动，并且再次按向上按钮时，它向上滚动

这是经典的windows滚动条，在列表中的每13项上下滚动…我不知道如何在javascript或jquery中做到这一点（我认为在css中是不可能的）…所以，如果有人能给我一些线索或示例如何让它工作

---

谢谢

我想你需要使用

scrollTop

。这里是我添加的代码：

function handle(el) {
    $('.users-list.channels').scrollTop(el.position().top);
}

在向上/向下单击处理程序中调用它：

$(/*up or down*/).on('click', function(e) {
    var $currentElement = $('.users-list.channels .selected');
    // move down or up...

    handle($currentElement);
});

JSFiddler:

添加

$（document）.scrollTop（el.position（）.top）内部
把手
并在固定位置设置上/下按钮