向内滚动元素以水平查看

Scroll element in to view horizontally

本文关键字:水平 元素 滚动      更新时间:2023-09-26

我有一个向左浮动的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)
 });

提前感谢您的任何帮助

看看这个,使用CSS转换可以实现相同的效果http://css3.bradshawenterprises.com/transitions/