Skip to content
Novus Examples

Scroll lock

Open the panel and the page stops scrolling — overflow is hidden on the document element and the scroll position is pinned. A driver that scrolls an element into view gets no error and no movement. SAMPLE content only.

Scrolling is currently free. The state is mirrored on the button as data-scroll-locked.

  • Page row 1 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 2 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 3 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 4 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 5 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 6 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 7 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 8 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 9 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 10 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 11 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 12 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 13 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 14 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 15 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 16 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 17 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 18 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 19 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 20 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 21 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 22 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 23 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 24 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 25 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 26 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 27 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 28 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 29 — SAMPLE text. Try scrolling to the last row with the panel open.
  • Page row 30 — SAMPLE text. Try scrolling to the last row with the panel open.