javascript scheduler autoscroll

The JavaScript Scheduler can scroll the grid automatically (vertically and horizontally) when you reach the edges of the visible area. You can configure the behavior using the autoScroll property.

By default, this feature is turned on during drag and drop operations (event moving, event resizing, time range selecting, link creation).

The scrolling starts after the number of milliseconds specified using autoScrollDelay.

Options:

  • Drag (default)

  • Always

  • Disabled

JavaScript

<div id="dp"></div>
<script>
  const scheduler = new DayPilot.Scheduler("scheduler", }
    autoScroll: "Always",
    autoScrollDelay: 50,
    // ...
  });
  scheduler.init();
</script>

ASP.NET WebForms

 
<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  AutoScroll = "Always"
/>

ASP.NET MVC

 
@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ...
  AutoScroll = AutoScrollType.Always
})