nst

ng9-scroll-top

ng9-scoll-top Library is made using Angular CLI 9.1.7

Showing:

Popularity

Downloads/wk

1

GitHub Stars

1

Maintenance

Last Commit

1yr ago

Contributors

2

Package

Dependencies

1

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Categories

Angular Scroll

Readme

'Scroll To Top' Library

ng9-scroll-top

ng9-scoll-top Library is made using Angular CLI 9.1.7

Demo (example)

Watch this demo page

Or play with it live on stackblitz.com/edit/ng9-scroll-top

Installation

ng add ng9-scroll-top


import  {  ScrollToTopModule  }  from  'ng9-scroll-top';
............................................................................

@NgModule({
imports:  [ ScrollToTopModule, ... ],
providers:  [... ],
bootstrap:  [AppComponent]
})
export  class  AppModule  {  }

Usage

Component way

In component.html you just need to add the selector of the button wherever needed.

Options

OPTIONTYPEDEFAULTDESCRIPTIONUNIT
backgroundColorstringpurpleBackground Color
colorstringwhiteColor
heightnumber50Heightpx
widthnumber50Widthpx
lineHeightnumber55Minimal height of line boxes within the elementpx
fontSizenumber30Font size of the icon/character given as textpx
borderRadiusstring20%Border Radius in % (0 : Square, 50% : circle)
rightnumber50Px value from the right-most borderpx
bottomnumber50Px value from the bottom-most borderpx
textstringWill be taken to display if no svgIcon link is specified
svgIconstringnullIcon link to be displayed
typestringpulseType of hovered button
breakpointsstring[]nullBreakpoints/ Fragment ID's to be navigated to

If no breakpoints are provided, then he scroll will be set to the top of the document.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial