scrollToElement

scrollToElement(node) resets the node's scrollTop to 0 and then calls node.scrollIntoView(true) — an imperative scroll to a node you already hold. Part of pota/use/scroll; for a declarative on-mount form use scrollIntoView.

Arguments

Argument	Type	Description
node	Element	The element to scroll to.

Returns: nothing.

Examples

Scroll to a node on click

Holds a ref to a far-down section and scrolls to it imperatively when the button is clicked.

import { render, signal } from 'pota'
import { scrollToElement } from 'pota/use/scroll'

function App() {
	const section = signal(null)

	return (
		<div>
			<button on:click={() => scrollToElement(section.read())}>
				scroll to section
			</button>

			<div style={{ height: '120vh' }}>spacer</div>

			<section use:ref={section.write}>Here it is</section>
		</div>
	)
}

render(App)