javascript - 在不在窗口中的 div 内水平使用 scrollto

Question

我在一个可滚动的 div 中有一个水平时间轴，我想根据它的日期滚动它。我创建了一个 <span>标记以标识 div 应滚动到的位置。基本上，当它有一个 class="scrollTo" ，滚动应该移动到那里，而不移动整个窗口。它应该只滚动 div。

我尝试了这里的一些建议，但我不知道我做的对不对。我使用了以下代码:

$(".timeLineContainer").animate({
   scrollTop: $(".timeLineContainer").scrollTop() + 
       ($(".scrollTo").offset().top - $(".timeLineContainer").offset().top)
});

这是我在 JSFiddle 中的代码: https://jsfiddle.net/douglasbrca/j2o546wr/2/

基于上面的代码有什么建议吗？

Answer 1

好的:

fiddle :https://jsfiddle.net/j2o546wr/6/

Js:

$(document).ready(function(){
    if($(".scrollTo").length > 0){
        $(".timeLineContainer").animate({scrollLeft: $(".timeLineContainer").scrollLeft() + ($(".scrollTo").offset().left - $(".timeLineContainer").offset().left)});
    }
});