Blättern, um div sichtbar zu machen

Question

Ich versuche es so zu machen, dass der Vollkalenderplaner zu dem Bereich scrollt, auf den eine Person klickt, und dieser Code funktioniert etwas, aber abhängig von der Bildschirmgröße ist der tatsächliche Bereich, auf den er zoomen sollte, oft scrollte vorbei und ist nicht im Fenster sichtbar.

Gibt es eine Möglichkeit sicherzustellen, dass der linke Rand der Tabellenüberschriftzelle mit dem linken Rand des Fensters ausgerichtet ist?

Aus Sicht gibt es ein horizontales Scrollen Tabelle innerhalb eines div $('.fc-time-area.fc-widget-header .fc-scroller'), und die Zelle I sichtbar möchte, kann mit so etwas wie dieses zu finden: $(".fc-time-area.fc-widget-header .fc-content th[data-date='2017-2-11T10:00:00']")

var centerTime = function (day) { 
    $('.fc-time-area.fc-widget-header .fc-scroller').animate({ 
     scrollLeft: $(".fc-time-area.fc-widget-header .fc-content").find("th[data-date='" + day + "']").offset().left 
    }, 750); 
}; 

Answer 1

ich es herausgefunden. Offensichtlich gibt es einen Unterschied zwischen offset() und position(). Durch die Änderung dieser einfachen Sache funktioniert es jetzt großartig.

var centerTime = function (day) { 
    $('.fc-time-area.fc-widget-header .fc-scroller').animate({ 
     scrollLeft: $(".fc-time-area.fc-widget-header .fc-content").find("th[data-date='" + day + "']").offset().left 
    }, 750); 
};