Angular 2+ Simple Scroll Spy Directive

This is craeted by ng-packagr on Angular6.

Installation

``
npm install angular-simple-scroll-spy --save
`

Usage

$3

#### App Module

`typescript
import {SimpleScrollSpyModule} from "angular-simple-scroll-spy";

@NgModule({
imports: [SimpleScrollSpyModule]
})
`

or

#### Shared Module

`typescript
import {SimpleScrollSpyModule} from "angular-simple-scroll-spy";

@NgModule({
imports: [SimpleScrollSpyModule],
exports: [SimpleScrollSpyModule]

})
`

$3

#### Menu Template

`html

• Menu 1


• Menu 2


• Menu 3

`

#### Content Template

`html

content1

content2

content3

`

#### Component Class

`typescript
currentMenuId = "menu1";
`

$3

|scrollSpyMenu||
-|-
|scrollSpyMenu|Target content element id.|
|ssmActiveClassName|Class attribute value when active. default:'active'|
|ssmCurrentContent|Send current selected element id.|
|ssmScrollBehavior|Element.scrollIntoView options. default:'smooth'|
|ssmScrollBlock|Element.ScrollIntoView options. default:'start'|
|ssmScrollInline|Element.ScrollIntoView options. default:'nearest'|

|scrollSpyContent||
-|-
|scrollSpyContent|Target element tag name.|
|sscCurrentContent|Send current selected element id.|
|sscCurrentContentChange|Output bind of 'sscCurrentContent'.|
|sscDirection|Scroll direction, 'row'|'column'. default:'row'|

$3

`
npm run start
``

or

demo on sandbox