Bootstrap Scrollspy - 无法在缩放或变换时正常工作

我有一个粘性菜单，它需要始终位于顶部，并且页面有多个部分。菜单用于单页部分明智的导航。我使用 Bootstrap 4 scrollspy 来实现这一点，但问题出在分辨率为 1275px 的 Windows 笔记本电脑中，所以我需要使用其中一个

html{ zoom: 0.75} 或 html {transform : scale(0.75)} 。它看起来像高分辨率显示器一样，

现在的问题是 scrollspy 无法正确识别偏移量，因此该特定部分的导航中的活动按钮未正确激活。同样，当我按下菜单按钮时，它会转到该部分，但带有一些抽搐的动画。

重现问题：

例如：enter link description here 问题复制：在 css html{zoom:0.75} 中添加此代码并执行

请帮我解决这个问题