DayPilotDayPilot
Products
Support
DayPilot Pro JavaScript API Reference
DayPilot API Reference » DayPilot.Scheduler Class » DayPilot.Scheduler Methods » DayPilot.Scheduler.events.scrollIntoView

DayPilot.Scheduler.events.scrollIntoView

The events.scrollIntoView() method finds the specified event and moves the Scheduler viewport to make sure the event is visible.

You can get the target DayPilot.Event object using events.find().

Declaration

DayPilot.Scheduler.events.scrollIntoView(e[, options]);

Parameters

  • e - event to be displayed (DayPilot.Event object)

  • options - object with additional options (available since 2025.4.6726)

Options:

  • options.animation - animation type: "none" | "fast" | "normal" | "slow" | "linear" (default value: "fast")

  • options.position - target position of  date within the viewport: "left" | "middle" | "right" (default value: "left")

Example

const e = dp.events.find("123");
dp.events.scrollIntoView(e, { animation: "none"} );

Products

Resources

Tools

About Us

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.