Javascript 使用scrollto在不在窗口中的div内水平移动
我在一个可滚动的div中有一个水平时间轴,我想根据它的日期滚动它。 我创建了一个Javascript 使用scrollto在不在窗口中的div内水平移动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一个可滚动的div中有一个水平时间轴,我想根据它的日期滚动它。 我创建了一个标记来标识div应该滚动到的位置。基本上,当它有一个class=“scrollTo”时,滚动应该移动到那里,而不移动整个窗口。它应该只滚动div 我试着从这里提出一些建议,但我不知道我是否做得对。 我使用了以下代码: $(".timeLineContainer").animate({ scrollTop: $(".timeLineContainer").scrollTop() + ($(".sc
标记来标识div应该滚动到的位置。基本上,当它有一个class=“scrollTo”
时,滚动应该移动到那里,而不移动整个窗口。它应该只滚动div
我试着从这里提出一些建议,但我不知道我是否做得对。
我使用了以下代码:
$(".timeLineContainer").animate({
scrollTop: $(".timeLineContainer").scrollTop() +
($(".scrollTo").offset().top - $(".timeLineContainer").offset().top)
});
以下是我在JSFIDLE中的代码:
基于上述代码的任何建议?好的,因此:
小提琴:
Js:
$(document).ready(function(){
if($(".scrollTo").length > 0){
$(".timeLineContainer").animate({scrollLeft: $(".timeLineContainer").scrollLeft() + ($(".scrollTo").offset().left - $(".timeLineContainer").offset().left)});
}
});
在你的小提琴里,卷轴是水平的…哦!很抱歉没错。这是水平的,我会编辑这个问题。非常感谢!它工作得很好,我看到了不同之处。