This is craeted by ng-packagr on Angular6.
npm install angular-simple-scroll-spy
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
`
#### 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
``