DayPilot.Calendar.autoScroll

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

Declaration

DayPilot.Calendar.autoScroll

Possible Values

• "Disabled" - disables automatic scrolling when the mouse reaches the viewport edge.

• "Always" - automatically scrolls when the mouse reaches the viewport edge.

• "Drag" (default) - automatically scrolls during drag-and-drop actions such as event moving, event resizing, and time range selecting.

Default Value

"Drag"

Notes

Available since 2021.2.4997.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  autoScroll: "Drag",
  // ...
};

React

<DayPilotCalendar
  autoScroll="Drag"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  autoScroll="Drag"
  <!-- ... -->
/>

See Also

• Auto Scroll [doc.daypilot.org]

• DayPilot.Calendar Class