@ngodings/ngx-scroll-to-top

Simple floating button for scroll to top in Angular

Demo - Angular v15

https://npm.ngodings.com/packages/ngx-scroll-to-top

Support Me

If you like this package I will be happy that you support me on Buy me a coffee :) Buy me coffee: https://www.buymeacoffee.com/alidihaw Indonesia People: https://sociabuzz.com/dihaw

Getting Started

Installing and Importing

Install the package by command:

 npm install @ngodings/ngx-scroll-to-top --save

Import the module

import { NgxScrollToTopModule } from "@ngodings/ngx-scroll-to-top";

@NgModule({
    imports: [
        ...
        NgxScrollToTopModule
    ],
    declarations: [...],
    providers: [...]
})
export class AppModule {}

Usage

Scroll to Top Floating

<ngx-scroll-to-top [bottomPosition]="'100px'" [rightPosition]="'20px'"></ngx-scroll-to-top>

Option (Input & Output)

| name | description | default value | | :---------- | :------------------------------------------------------------ | :-------------- | | phoneNumber | Your scroll-to-top number | | | message | Default message send text | | | bottomPosition | Configuration Position Floating Button for Bottom | 100px | | rightPosition | Configuration Position Floating Button for Right | 20px |

Development

Prepare your environment

• Install Node.js and NPM
• Install local dev dependencies: npm install while current directory is this repo

License

MIT @ Ali Abdul Wahid