html5 scheduler autoscroll

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

Options:

  • Drag (default)
  • Always
  • Disabled

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Scheduler("dp");
  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
})