角度scrollIntoView()微调距离

Question

Angular可以滑动到指定元素的顶部，如下图：

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

但是，由于布局问题，如果 css

sticky

属性位于

top:0

处，可能会遮挡该元素。我希望将滚动调整到元素的顶部位置。

我尝试使用

window.scrollTo

或

window.scroll

，但它似乎不适用于角度：

    let scrollY =  el.getBoundingClientRect().top + 100;
    window.scrollTo({
        top: scrollY,
        behavior: 'smooth', // 可以选择平滑滚动或直接跳到位置
      });

Answer 1

您的代码应该可以正常工作。要使页面平滑滚动到所需位置，请在 css 中添加

scroll-behavior: smooth;

：

html {
    scroll-behavior: smooth;
}