The scrollDelayFloats property (number) specifies the debouncing delay applied by the JavaScript Scheduler when updating floating events and floating time headers during scrolling, in milliseconds.

Declaration

DayPilot.Scheduler.scrollDelayFloats

Default Value

0

Notes

A positive value makes existing floating labels wait until scrolling pauses before moving to their new positions. This can improve scrolling performance, but labels may lag behind the scroll position. Newly visible labels appear in the correct position immediately.

This property controls label positioning. Use scrollDelayTimeHeaders to delay rendering of newly exposed time headers.

Examples

JavaScript

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

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>
config: DayPilot.SchedulerConfig = {
  scrollDelayFloats: 100,
  // ...
};

React

<DayPilotScheduler
  scrollDelayFloats={100}
/>

Vue

<DayPilotScheduler
  :scrollDelayFloats="100"
/>

See Also

Floating Events [doc.daypilot.org]

Floating Time Headers [doc.daypilot.org]

Scrolling Performance [doc.daypilot.org]

DayPilot.Scheduler Class

Availability

Availability of this API item in DayPilot editions:

ProductLitePro
DayPilot for JavaScript