单击向上和向下按钮时,UL LI元素自动滚动jQuery

时间:2015-11-06 16:29:39

标签: javascript html css

我正在制作频道编辑器,当选择第三项时我有自动滚动的问题...所以当用户点击第1项并点击向下按钮三次时,它需要是这个顺序:

3 4 1

当用户点击UP按钮一次时,它需要是这个顺序:

1 2 3

所以我的想法是自动滚动,如果最后一个项目在底部...我需要两个自动滚动器...一个滚动当最后一个项目在列表中一个项目向上和其他滚动器类似于previus滚动但但在物品中间流口水。

我这是代码:

enter code here http://jsfiddle.net/vtbymc8w/

编辑:

我需要重新定义我的问题,因为我错误地描述了我需要得到的东西:

这是jsfiddle示例:

enter code here http://jsfiddle.net/vtbymc8w/3/

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

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

这是经典的Windows滚动条,在列表中的每13个项目上向上或向下滚动...我无法弄清楚如何在javascript或jquery中执行此操作(我认为在css中是不可能的)...所以如果有人能给我提供线索或示例如何使其发挥作用。

由于

1 个答案:

答案 0 :(得分:0)

我认为您需要使用/dev/mem。我在这里添加了我的代码:

scrollTop

在上/下点击处理程序中调用它:

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

JSFiddler:http://jsfiddle.net/vtbymc8w/1/