javascript - 滚动元素以水平查看

Question

我有一个向左浮动的 div 列表。它们位于另一个 div 内，可以将鼠标悬停在该 div 上以左右移动内部的 div block 。这些内部 div 或“事件”具有包含年份的类名称。

底部还有一个范围 slider 。此 slider 的值为年。当范围 slider 更改时，我希望包含该年份数字的第一个 div 滑入 View 。

请参阅此处的示例... http://thetally.efinancialnews.com/tallyassets/20years/index.html

目前，当您更改 slider 值时，数字会相应地发生变化，但我不知道如何滑动所有内容以便相关编号的 div 出现。它们位于一排 float 的左侧 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/