0

我尝试在我的网站的个人资料页面中制作一些拉伸效果，例如某些 iOS 应用程序的标题。但是渲染是生涩的并且没有反应。也许我的方式没有优化。

我在视图中固定了一个横幅，并且一个面板可以与其余部分一起滚动。

  <div #header class="header">...</div>
  <div #panel class="panel">..</div>

在我的 js 中，我为滚动监听器：

     this.simple = this.renderer.listen("document", 'scroll', (evt) => {
        this.scrollHandler();
    });
  }

我用偏移数据设置横幅的高度：

  scrollHandler() {
    const offset = window.scrollY;
    console.log(offset)

        this.renderer.setStyle(this.header.nativeElement, 'height', String(151 - offset + "px"));

}

https://streamable.com/46d502

但就像在这个视频中一样，在 iOS 中就像“生涩”，有人有很好的做法来做这种动画吗？

4

0 回答 0