WrScroll

import { WrScroll } from 'ngwr/scroll';

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.

Name	Description	Type	Default
`to(target, options?)`	Scroll to an element, id (`#foo`), selector, or `{ top, left }` coords.	`(t, opts?) => void`	`—`
`intoView(el, options?)`	Scroll to an element. Same options as `to()`.	`(el, opts?) => void`	`—`
`toTop(options?)`	Scroll the page (or container) to the top.	`(opts?) => void`	`—`
`options.offset`	Pixels subtracted from the target, for a sticky header. No effect on `toTop()`.	`number`	`0`
`options.smooth`	Smooth or instant. Always instant under `prefers-reduced-motion: reduce`.	`boolean`	`true`
`options.container`	The element to scroll instead of the window.	`Window \| Element`	`window`

Used by	Anchor, Back to Top

Installation

Usage

API

Dependencies

See also