向内滚动元素以水平查看
Scroll element in to view horizontally
我有一个向左浮动的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/
相关文章:
- 如何使用Jquery水平打印表中的数组元素,并在某个元素之后垂直打印
- 每次单击按钮时水平滚动元素
- RSpec和Capybara:如何获得元素的水平和垂直位置
- html根据DIRECTION设置更改元素的水平对齐
- 当任何块级元素的视口较窄时,添加水平滚动条
- 具有 100% 宽度元素的 Jquery 水平平移
- 元素中水平和垂直放置的等宽字符数
- 在鼠标滚动时使用 JQuery 水平滚动元素
- 当有最小宽度时,如何使元素中心(水平)具有固定位置
- 如何使用 JQuery 移动更改移动方向时使网格元素水平对齐到垂直对齐
- 破解以在滚动条出现时保持水平元素位置
- 如何将绝对元素水平滚动到我想要的位置
- 查找水平移动元素的每个 X,Y 位置
- 试图使可拖动的表单元素水平jQuery
- 尝试使用outerWidth()和$(window).resize()将动态宽度的元素水平居中时出现意外行为
- 如何在包装时居中块元素并启用最小宽度的水平滚动
- 单击可水平滚动到元素
- Javascript背景水平/垂直滚动到元素站点:超越911
- 水平滑动ul列表元素
- 自动水平滚动在Div元素在HTML