ngb 模态滚动到页面顶部

Question

我在 Angular 7 应用程序中使用 ngb 模态，当模态框打开时，我需要在执行特定操作时滚动到模态框顶部。

比如modal底部有一个按钮，点击这个按钮后，我需要页面滚动到modal顶部，

我尝试使用

window.scrollTop = 0;

和

document.getElementsByClassName('custom-modal').scrollTop = 0;

和

document.getElementsByClassName('custom-modal').scrollTo({
  top: 0
})

但这些解决方案不起作用。

Answer 1

有多种方法.. 我使用普通锚点：<a name="top"></a> 和 <a class="btn btn-outline-dark" href="#top">scroll to top</a>

Disadvantage

URL 地址栏发生变化

另一种方法是创建一个 link（或任何其他可聚焦对象）并为其设置焦点。

Answer 2

尝试使用这条线路

document.querySelector(".modal").scrollTo({top:0,behavior:'smooth'});

ngb modal scroll to top of page