向内滚动元素以水平查看

Question

我有一个向左浮动的 div 列表。它们位于另一个 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/