要解决Angular 6滚动回调函数不更新HTML视图的问题，你可以尝试以下方法：

1. 使用ChangeDetectorRef手动触发变更检测：

   import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
   
   @Component({
     selector: 'app-component',
     template: `
       
   
         
       
     `
   })
   export class MyComponent implements OnInit {
     constructor(private cdr: ChangeDetectorRef) {}
   
     onScroll(container: HTMLElement) {
       // 执行滚动逻辑
       // ...
   
       // 手动触发变更检测
       this.cdr.detectChanges();
     }
   }
   

2. 使用NgZone运行滚动回调函数：

   import { Component, OnInit, NgZone } from '@angular/core';
   
   @Component({
     selector: 'app-component',
     template: `
       
   
         
       
     `
   })
   export class MyComponent implements OnInit {
     constructor(private ngZone: NgZone) {}
   
     onScroll(container: HTMLElement) {
       this.ngZone.run(() => {
         // 执行滚动逻辑
         // ...
       });
     }
   }
   

这些方法可以确保滚动回调函数内部的更改被及时检测和更新到HTML视图中。