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"