DayPilot.Gantt.autoScroll

The autoScroll property (string) controls automatic scrolling when the mouse reaches the edges of the Gantt viewport.

Declaration

DayPilot.Gantt.autoScroll

Possible Values

• "Disabled" disables AutoScroll.

• "Always" starts AutoScroll when the mouse reaches the viewport edge.

• "Drag" starts AutoScroll when the mouse reaches the viewport edge during drag and drop operations such as task moving and task resizing.

Default Value

"Drag"

Notes

The "Drag" mode keeps automatic scrolling limited to drag and drop operations, while "Always" reacts to pointer movement at the viewport edge even outside task moving or resizing.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  autoScroll: "Always",
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>

config: DayPilot.GanttConfig = {
  autoScroll: "Always",
  // ...
};

React

<DayPilotGantt
  autoScroll="Always"
  {/* ... */}
/>

Vue

<DayPilotGantt
  autoScroll="Always"
  <!-- ... -->
/>

See Also

DayPilot.Gantt Class