Package Exports
- element.scrollintoviewifneeded-polyfill
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (element.scrollintoviewifneeded-polyfill) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
element.scrollIntoViewIfNeeded Polyfill for everyone
This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.
Install
npm install element.scrollintoviewifneeded-polyfill
Usage
Just use the code in index.js in your app or website. You can see usage in the test page test.html.
The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.
Improvements
- This code doesn't handle well cases where the element has
position:absolute(and maybe other CSS modifications). - This code doesn't handle cases where the scroll area isn't the direct parent of the target element.
Kudos to the Gist of Hubert SABLONNIÈRE @hsablonniere
If you have any ideas to improve this code or if you think the WebKit implementation doesn't work like this, feel free to start a discussion...