滾動元素以水平查看

Question

我有一個左浮動的div列表。 它們位於另一個div內，可以將其懸停以向左和向右移動該div內部塊。 這些內部div或“事件”的類名包括一年。

我還在底部有一個范圍滑塊。 此滑塊的值是年。 更改范圍滑塊后，我希望將包含該年份的第一格滑動到視圖中。

在此處查看示例... http://thetally.efinancialnews.com/tallyassets/20years/index.html

當前，當您更改滑塊值時，數字也會相應更改，但是我不知道如何滑動所有內容，因此相關的帶數字的div就會出現。 它們位於一排浮動的左div中，因此無法絕對定位。

在上面的示例中，最后一個事件div的類為“ year1998”，因此可以很好地測試以下代碼

 var slider = $('#range-slider'),
 textbox = $('#range-no');

 slider.change(function() {
 var newValue = parseInt($(this).val());

 textbox.empty();
 textbox.append(newValue);

( I need something here which would say...
 $('.year'+newValue).comeintoviewplease();
... or something to that effect)
 });

預先感謝您的任何幫助

Answer 1

檢查一下，使用CSS過渡http://css3.bradshawenterprises.com/transitions/可以達到相同的效果