diff --git a/frontend/src/app/plan-time-bar/plan-time-bar.component.html b/frontend/src/app/plan-time-bar/plan-time-bar.component.html
index 4d6cf46..9df5b9b 100644
--- a/frontend/src/app/plan-time-bar/plan-time-bar.component.html
+++ b/frontend/src/app/plan-time-bar/plan-time-bar.component.html
@@ -1,5 +1,5 @@
 
-<ejs-gantt *ngIf="renderTimeGantt" #ganttObject id="ganttDefaultSum"
+<ejs-gantt *ngIf="renderTimeGantt" #ganttObj id="ganttDefaultSum"
   [dataSource]="data"
   [includeWeekend]="true"
   [resources]="resources"
diff --git a/frontend/src/app/plan-time-bar/plan-time-bar.component.ts b/frontend/src/app/plan-time-bar/plan-time-bar.component.ts
index 9f7a8ef..b045c9c 100644
--- a/frontend/src/app/plan-time-bar/plan-time-bar.component.ts
+++ b/frontend/src/app/plan-time-bar/plan-time-bar.component.ts
@@ -28,7 +28,7 @@ export class PlanTimeBarComponent implements OnInit {
   @Input() filters: Array<any> = [];
 
   @ViewChild('ganttObjectSum')
-  public ganttObjectSum!: GanttComponent;
+  public ganttObj: GanttComponent;
   public data : any[] = [];
   public resources: any[] = [];
   public userSupportGroup: string;
@@ -51,6 +51,7 @@ export class PlanTimeBarComponent implements OnInit {
 
   ngOnInit(): void {
     //this.renderTimeGantt = false;
+
     this.splitterSettings = this.inputData[0];
     this.projectStartDate = this.inputData[1];
     this.projectEndDate = this.inputData[2];
@@ -175,6 +176,7 @@ getCalendarWeeks(startDate: Date, endDate: Date): { start: Date, end: Date }[] {
 
   public queryTaskbarInfo(args: any) {
     // console.log(args);
+    //console.log(this.ganttObj);
     args.taskbarBgColor = "transparent";
     args.taskbarBorderColor = "transparent";
     args.taskLabelColor = "black";
diff --git a/frontend/src/ntt-gantt/ntt-gantt.component.html b/frontend/src/ntt-gantt/ntt-gantt.component.html
index 7df7708..de54c6b 100644
--- a/frontend/src/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/ntt-gantt/ntt-gantt.component.html
@@ -88,6 +88,7 @@
     [selectionSettings]="selectionSettings"
     [tooltipSettings]="tooltipSettings"
     [splitterSettings] = "splitterSettings"
+    (actionComplete)="actionComplete($event)"
     gridLines="Both"
 
     (actionBegin)="actionBegin($event)"
diff --git a/frontend/src/ntt-gantt/ntt-gantt.component.ts b/frontend/src/ntt-gantt/ntt-gantt.component.ts
index 1c5d02c..fb1d4c6 100644
--- a/frontend/src/ntt-gantt/ntt-gantt.component.ts
+++ b/frontend/src/ntt-gantt/ntt-gantt.component.ts
@@ -406,6 +406,15 @@ public logg(args){
       this.refreshData();
     }
 
+  }
+  public actionComplete(args: any){
+    if (args.action === 'HorizontalScroll') {
+      let elem = document.querySelector(
+        '#'+'ganttDefaultSum'+ 'GanttChart > div.e-chart-root-container > div'
+      );
+      elem.scrollLeft = args.scrollLeft;
+    }
+
   }
 
   public changeScalar(){