naa

ng4-auto-adjustable-scrolling-div

This is an angular module to let you turn a div into an adjustable scrollable directive div

Showing:

Popularity

Downloads/wk

3

Maintenance

No Maintenance Data Available

Package

Dependencies

15

Size (min+gzip)

68.6KB

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Categories

Readme

ng4-auto-adjustable-scrolling-div

This is an angular 4 module that allows for adding a auto adjustable and scrolling div on an existing angular 4 app.

How To Use Module

You need to add a dependency in your package.json to "ng4-auto-adjustable-scrolling-div" In your app module add Ng4AutoAdjustableScrollingDivModule to the imports:[] add an import in your app module
  • import { Ng4AutoAdjustableScrollingDivModule } from 'ng4-auto-adjustable-scrolling-div';
In your component template add the following directive to your div:

<div ng4AutoAdjustableScrollingDiv [defaultHeight]="the default height of the div (by default it is window.innerHeight)" [topPadding]="the top padding for the div content (default value is 0)" [leftPadding]="the left padding for the div content (default value is 0)" [rightPadding]="the right padding for the div content (default value is 0)" [bottomPadding]="the bottom padding for the div content (default value is 0)" [offSet]="this is the offSet from the bottom of the page (default offSet is 200)"></div>
Example:
<div ng4AutoAdjustableScrollingDiv [defaultHeight]="600" [topPadding]="10" [leftPadding]="15" [rightPadding]="15" [bottomPadding]="10" [offSet]="120"></div>


How To Build Module

In order to build this code just browse to the directory where you've saved it and run "npm run build"

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