scroll-anchoring
v0.1.0
Published
Preserves the user's scroll position while DOM mutations change the page.
Downloads
21,634
Readme
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.