如何在滚动更改时调整div的高度

Question

查看以下图像。当可可酚不在底部时，右侧导航的高度为100％。

滚动结束时，即显示蓝色方框，右侧导航的高度变小。

那是Angular enter link description here的官方网站 我的网站对此表示嘲笑。正确的导航位置是固定的，它可能会阻止我的页脚。

我尝试听滚动的变化以更新右侧导航的高度。

ngAfterViewInit() {
console.log(document.body.scrollHeight );//in chrome console 661,in firefox console 3291
console.log(document.body.clientHeight );//in chrome console 661,in firefox console 308
fromEvent(window, 'scroll').subscribe((event) => {
     //listen scroll
});
}

但是不同的浏览器会显示不同的结果。那我该怎么办？