Scrollto horizontal in einem div nicht im Fenster verwenden

Question

Ich habe eine horizontale Timeline in einem scrollbaren Div und ich möchte es je nach dem Datum scrollen. Ich habe ein <span> Tag erstellt, um zu bestimmen, wohin das div scrollen soll. Grundsätzlich, wenn es eine class="scrollTo" hat, sollte der Bildlauf dorthin bewegen, ohne das ganze Fenster zu bewegen. Es sollte nur das div scrollen.

Ich habe einen Vorschlag von hier versucht, aber ich weiß nicht, ob ich es richtig mache. habe ich den folgenden Code:

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

Hier ist mein Code in JSFiddle: https://jsfiddle.net/douglasbrca/j2o546wr/2/

Alle oben auf dem Code-Vorschlag basiert?

Answer 1

Ok so mit diesem:

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)}); 
    } 
});