Page #

Window/document scroll mode — the list scrolls with the page instead of inside a viewport.

import { createVList, page } from "vlist";

const list = createVList({
  container: "#feed",
  item: { height: 200, template: renderPost },
  items: posts,
}, [page()]);

Config #

Option	Type	Default	Description
scrollPadding.top	number | () => number	0	Fixed header offset
scrollPadding.bottom	number | () => number	0	Fixed footer offset
scrollPadding.left	number | () => number	0	Left offset (horizontal mode)
scrollPadding.right	number | () => number	0	Right offset (horizontal mode)

Notes #

• Disables viewport scroll, listens to window.scroll and window.resize instead
• Use scrollPadding to account for fixed headers/footers
• Useful for infinite feeds, full-page lists, and document-integrated layouts