Question

我正在尝试根据所选的添加类来聚焦滚动，当点击上一个和下一个按钮时，滚动需要聚焦它。我怎么能让它成为可能请检查我的小提琴 https://jsfiddle.net/kannankds/bcszkqLu/

<ul class="kds">
<li>tile dtls1</li>
<li>tile dtls2</li>
<li>tile dtls3</li>
</ul>
<input type="button" value="previous" class="previous">
<input type="button" value="next" class="next">

Answer 1

添加

$(".kds").scrollTop(($(".currentSelection").index()-2) * $(".currentSelection").outerHeight());

代表previous和

$(".kds").scrollTop($(".currentSelection").index() * $(".currentSelection").outerHeight());

代表next

UPDATED FIDDLE

Answer 2

您可以使用scrollTop制作滚动动画，例如：

$('.kds').animate({'scrollTop' : (current.index()) * 30},1000);

这里30因为你的身高+填充顶部+填充底部。

<强> Working Fiddle

如何根据当前选择类聚焦滚动

2 个答案: