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).

Options:

  • Drag (default)

  • Always

  • Disabled

JavaScript

<div id="dp"></div>
<script>
  const dp = new DayPilot.Scheduler("dp", }
    autoScroll: "Always",
    // ...
  });
  dp.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
})