ngb模式滚动到页面顶部

Question

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

例如，模态底部有一个按钮，一旦我点击这个按钮，我需要页面滚动到模态顶部，

我尝试使用

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>

请参阅工作示例： https://stackblitz.com/edit/angular-nf8k31 ?file=app%2Fmodal-component.ts

坏处

地址栏中的 URL 发生更改

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