88![ ] ( https://github.com/bartholomej/ngx-scrolltop/workflows/Build%20&%20Tests%20&%20Publish/badge.svg )
99[ ![ volkswagen status] ( https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1 )] ( https://github.com/auchenberg/volkswagen )
1010
11- Lightweight, ** Material Design inspired button for scroll-to-top** of the page. No dependencies. ** Pure Angular!**
11+ > Lightweight, ** Material Design inspired button for scroll-to-top** of the page. No dependencies. ** Pure Angular!**
1212
13- ** Angular 8 , Ivy and SSR compatible! **
13+ ✓ Angular 9 , Ivy and SSR compatible
1414
1515Just hit the button to smoothly scroll back to the top of the page. [ Here's the demo.] ( http://bartholomej.github.io/ngx-scrolltop/ )
1616
17- - Lightweight _ (~ 10 kB)_
17+ - Lightweight _ (~ 2 kB gzipped )_
1818- No dependencies
1919- Material Design inspired
2020- ` @angular/material ` compatible ([ example] ( #angular-material-example-directive ) )
2121- Component or directive way
2222- Smoothly animated
23+ - a11y ready
2324- Highly customizable [ options] ( #options ) ...
2425
2526![ Demo animation] ( https://github.com/bartholomej/material-scrollTop/blob/master/demo/images/material-scrolltop-animation.gif?raw=true )
2627
2728## Demo (example)
2829
29- Watch this: [ http://bartholomej.github.io/ngx-scrolltop/ ] ( http://bartholomej.github.io/ngx-scrolltop/ )
30+ Watch this [ demo page] ( http://bartholomej.github.io/ngx-scrolltop/ )
31+
32+ Or play with it live on [ stackblitz.com/edit/ngx-scrolltop] ( https://stackblitz.com/edit/ngx-scrolltop?file=src/app/app.component.html )
3033
3134## Install
3235
@@ -36,11 +39,9 @@ Watch this: [http://bartholomej.github.io/ngx-scrolltop/](http://bartholomej.git
3639ng add ngx-scrolltop
3740```
3841
39- ** Everything's done!**
40-
41- _ Now just see some [ options] ( #options ) ._
42+ ** Everything's done!** _ (module imported and all settings automatically set in your project.)_
4243
43- _ (Module imported and all settings automatically set in your project.) _
44+ _ Now just see some [ options and examples ] ( #options ) . _
4445
4546### Manually (old-school) 🛠
4647
@@ -85,10 +86,7 @@ In **app.component.html** you just need to add your new button. Usually at the e
8586** Important** : _ (no style applied, everything is up to you. Of course I recommend ` position: fixed ` , ...)_
8687
8788``` html
88- <span
89- ngxScrollTop
90- class =" my-custom-element-with-my-style__no-lib-style-applied-here"
91- >
89+ <span ngxScrollTop class =" my-custom-element-with-my-style__no-lib-style-applied-here" >
9290 ↑ My Custom Element. ↑
9391</span >
9492```
0 commit comments