divを表示するためのスクロール

Question

私はfullcalendarスケジューラが人がクリックする領域にスクロールするようにしようとしていますが、このコードは多少は機能しますが、画面サイズによっては、過去にスクロールされ、ウィンドウ内では表示されません。

テーブルヘッダーセルの左端がウィンドウの左端に揃うようにする方法はありますか？ビューで

は、divの$('.fc-time-area.fc-widget-header .fc-scroller')内部の水平スクロールテーブルがあり、私が欲しいのセルが見えるが、このような何かを見つけることができます：私はそれを考え出した$(".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

。明らかに、offset()とposition()の間に違いがあります。そのシンプルなものを変更することで、今すぐうまくいきます。

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