scroll-anchoring

Scroll Anchoring preserves the user's scroll position while DOM mutations change the page.

Installation

$ npm install scroll-anchoring

Usage

import {preserveAnchorNodePosition} from 'scroll-anchoring'
 
const comments = document.getElementById('comments')
preserveAnchorNodePosition(document, () => {
  comments.insertAdjacentHTML('beforeend', newCommentHtml)
})

Browser support

• Chrome
• Firefox
• Safari
• Internet Explorer 11
• Microsoft Edge

Development

npm install
npm test

See Also

• CSS Scroll Anchoring Module Level 1
• WICG/ScrollAnchoring
• Chrome Platform Status - Intervention: Scroll Anchoring

License

Distributed under the MIT license. See LICENSE for details.