WrScroll

private readonly scroll = inject(WrScroll);

this.scroll.to('#section-three', { offset: 80 });
this.scroll.toTop({ smooth: false });
this.scroll.intoView(myEl, { offset: 64 });

Section one

Jump between sections with the buttons above — the service scrolls this box, not the page.

Section two

Each jump uses scroll.to() with the box as the container.

Section three

The page-top button scrolls the window instead, with an 80px offset.

Name	Description	Type	Default
`to(target, options?)`	Scroll to an element, id (`#foo`), selector, or `{ top, left }` coords.	`(t, opts?) => void`	`—`
`intoView(el, options?)`	Convenience for an Element — same options as `to`.	`(el, opts?) => void`	`—`
`toTop(options?)`	Scroll the page (or container) to the top.	`(opts?) => void`	`—`
`options.offset`	Pixel offset subtracted from the target (sticky-header compensation).	`number`	`0`
`options.smooth`	Smooth or instant. Auto-falls back to instant for `prefers-reduced-motion: reduce`.	`boolean`	`true`
`options.container`	Override the scroll container.	`Window \| Element`	`window`

Usage

Why ngwr provides this

API