packages/ecl/components/ecl-sticky-container/ecl-sticky-container.component.ts
This is a component, that has fixed position on the screen. It is a wrapper for other components, when their position needs to be fixed. For example it is used in the 'ecl-inpage-navigation'.
| selector | ecl-sticky-container |
| styles |
:host {
display: block;
align-self: flex-start;
top: 0;
position: sticky;
position: -webkit-sticky;
}
:host.ecl-sticky-container--disabled {
position: static;
}
|
| templateUrl | ./ecl-sticky-container.component.html |
Methods |
Inputs |
HostBindings |
Accessors |
constructor()
|
| isEnabled |
Type : boolean
|
Default value : true
|
|
This property gives the option to disable ti default behaviour, when value os 'false'. |
| marginBottom |
Type : number
|
Default value : 0
|
|
Sets the 'botom' style property. |
| marginTop |
Type : number
|
Default value : 0
|
|
Sets the 'top' style property. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
| style.bottom.px |
Type : number
|
| style.top.px |
Type : number
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| cssClasses |
getcssClasses()
|
| top |
gettop()
|
| bottom |
getbottom()
|