知道什么时候位置：sticky div没有jQuery就被卡住了

Question

我正在开发Angular项目的第一个移动用户界面，其中位置为div的粘滞需要更改其样式，因此如何在div粘滞后如何将样式应用于div，而不使用jQuery等。

我尝试使用https://developers.google.com/web/updates/2016/04/intersectionobserver 但我无法模拟该功能

.title {
  font-size: 16px;
  color: black;
}


/*On being stuck*/

.title
/*::stuck*/

{
  font-size: 18px;
  background: grey;
}

<div style="height: 700px;">
  <div class="title" style="position: sticky; position: -webkit-sticky; top: 20px;">
    This div is to be styled on being 'stuck'
  </div>
</div>

Answer 1

$this->input->post('param2')