DayPilot.Scheduler.autoScroll

The autoScroll property (string) defines the auto-scroll mode for the JavaScript Scheduler component. When auto-scroll mode is enabled, the Scheduler automatically scrolls when the mouse reaches the edges of the Scheduler viewport.

Declaration

DayPilot.Scheduler.autoScroll

Possible Values

• "Disabled" - auto-scroll is disabled

• "Always" - the Scheduler grid automatically scrolls when the mouse reaches the edge of the viewport

• "Drag" (default) - the Scheduler grid automatically scrolls when the mouse reaches the edge of the viewport during drag-and-drop operations such as event moving, event resizing, or time range selecting

Default Value

"Drag"

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

• Auto-Scroll [doc.daypilot.org]

• DayPilot.Scheduler Class