More than 5 years have passed since last update.

Angularで:host {position: sticky } が効かないのを解消する方法

Last updated at 2019-02-12Posted at 2019-02-12

Angularで:host に対してposition: stickyを指定しても効いてくれなくて困っていました。

stackoverflowによるとなぜかdisplay: blockを加えることで解消するようです。

あとtopなどの明示も忘れずに。

:host {
  display: block;
  top: 0;
  position: sticky;
  position: -webkit-sticky;
}