Angular 2：粘性滚动条和ViewportScroller，滚动到带有粘性导航栏的锚点元素

Question

我只是使用ViewportScroller单击并移动到锚元素：

<div (click)="scrollToElementId('myDivToScroll')"></div>

<div id="myDivToScroll">Hello there</div>

{{1}}

那很好用。

但是，我现在添加了一个粘性导航栏。粘性导航栏将始终位于我的锚点元素之上。如何使scrollToAnchor调用忽略导航栏的高度？在Angular 10中如何解决？

Answer 1

发现：viewportScroller提供了setOffset功能，可让您调整视口滚动。