如何根據當前選擇類來滾動滾動

我試圖根據所選擇的添加類來滾動滾動，當點擊滾動需要關注的上一個和下一個按鈕時。我怎樣才能使人們有可能請我的小提琴 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">

來源

2016-02-11 kannan D.S

你是不是想移動的元素或選擇？ – RRK

@ Rejith R克里希南選擇需要總是可見 –

添加

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

爲previous和

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

爲next

UPDATED FIDDLE

來源

2016-02-11 12:03:19

好一個，現在也使用動畫：https://jsfiddle.net/bcszkqLu/6/ –

@ Ryan.Hunt那就是它:) –

@ kannanD.S乾杯:) –

可以使用scrollTop喜歡動畫的滾動：

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

這裏30因爲你的身高李填充+頂部+填充底部。

Working Fiddle

來源

2016-02-11 12:07:59 ketan

如何根據當前選擇類來滾動滾動

回答

相關問題