要实现粘性滚动条和ViewportScroller，并使用粘性导航栏滚动到锚点元素，可以按照以下步骤进行操作。

1. 在Angular项目中安装ngx-page-scroll模块，该模块提供了滚动到锚点元素的功能。

npm install ngx-page-scroll --save

2. 在app.module.ts文件中导入ngx-page-scroll模块。

import { NgxPageScrollModule } from 'ngx-page-scroll';

@NgModule({
  imports: [
    NgxPageScrollModule,
    // other imports
  ],
  // other code
})
export class AppModule { }

3. 在导航栏组件的HTML文件中添加锚点元素。

4. 在导航栏组件的TypeScript文件中导入ViewportScroller并注入到构造函数中。

import { Component, OnInit } from '@angular/core';
import { ViewportScroller } from '@angular/common';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {

  constructor(private viewportScroller: ViewportScroller) { }

  ngOnInit(): void {
  }

}

5. 添加滚动到锚点元素的方法。

scrollToSection(section: string): void {
  this.viewportScroller.scrollToAnchor(section);
}

6. 在导航栏组件的HTML文件中调用scrollToSection方法。

现在，当点击导航栏中的链接时，页面将滚动到相应的锚点元素。