Javascript 使用scrollto在不在窗口中的div内水平移动

Javascript 使用scrollto在不在窗口中的div内水平移动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一个可滚动的div中有一个水平时间轴,我想根据它的日期滚动它。 我创建了一个标记来标识div应该滚动到的位置。基本上,当它有一个class=“scrollTo”时,滚动应该移动到那里,而不移动整个窗口。它应该只滚动div 我试着从这里提出一些建议,但我不知道我是否做得对。 我使用了以下代码: $(".timeLineContainer").animate({ scrollTop: $(".timeLineContainer").scrollTop() + ($(".sc

我在一个可滚动的div中有一个水平时间轴,我想根据它的日期滚动它。 我创建了一个
标记来标识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)});
    }
});

在你的小提琴里,卷轴是水平的…哦!很抱歉没错。这是水平的,我会编辑这个问题。非常感谢!它工作得很好,我看到了不同之处。