Back to Top

import { WrBackTop } from 'ngwr/back-top';

@Component({ imports: [WrBackTop] })
export class MyComponent {}

<wr-back-top visibilityThreshold="400" [offset]="80" />

Top of sandbox — scroll the page to push past the 400px threshold.Mid-section — by now the back-to-top button should be pinned in the bottom-right.Bottom of sandbox — click the floating button to scroll back up.

Name	Description	Type	Default
`visibilityThreshold`	Show the button once `window.scrollY` exceeds this many pixels.	`number`	`400`
`offset`	Pixel offset subtracted from the scroll target — for sticky headers.	`number`	`0`
`ariaLabel`	Accessible label for the button. Falls back to `backTop.label`, then `'Back to top'`.	`string \| null`	`null`

Installation

Demo

API