在不在窗口中的 div 内水平使用滚动答案

【问题标题】：Using scrollto horizontally inside a div not in the window在不在窗口中的 div 内水平使用滚动
【发布时间】：2017-07-12 13:32:58
【问题描述】：

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

我从这里尝试了一些建议，但我不知道我是否做得对。我使用了以下代码：

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

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

根据上面的代码有什么建议吗？

【问题讨论】：

在你的小提琴中，卷轴是水平的......
哦！对不起！这是正确的。它是水平的，我将编辑问题。

标签： javascript jquery html css

【解决方案1】：

好吧：

小提琴：https://jsfiddle.net/j2o546wr/6/

Js：

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

【讨论】：

非常感谢！它工作得很好，我看到了不同之处。