The Scroll Behavior specification has been introduced as an extension of the Window interface to allow for the developer to opt in to native smooth scrolling. To date this has only been implemented in Firefox.
See it in action https://iamdustan.github.io/smoothscroll
Download the distribution file from this repository and include it in your project.
You can also find it in npm as smoothscroll-polyfill or bower as smoothscroll.
require('smoothscroll-polyfill').polyfill();Requires requestAnimationFrame polyfill for browsers which don't support it!
Fork the repository and run npm install.
After any modification make sure it doesn't break in any of the supported browsers, check linting and build running npm run build and then open a pull request.
Successfully tested in:
- Safari 6+
- iOS Safari 6+
- Chrome (last version)
- natively supported in Firefox
- Internet Explorer 9+
- Microsoft Edge
- Opera Next
If you have tested this and worked as expected in a different browser let us know so we can add it to the list, if not open an issue providing browser, browser version and a good description about it.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent