ngb 模态滚动到页面顶部答案

【问题标题】：ngb modal scroll to top of pagengb 模态滚动到页面顶部
【发布时间】：2020-01-28 01:48:17
【问题描述】：

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

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

我尝试使用

window.scrollTop = 0;

和

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

和

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

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

【问题讨论】：

【解决方案1】：

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

缺点

地址栏中的 URL 已更改

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

【讨论】：

【解决方案2】：

尝试使用这条线

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

【讨论】：

欢迎来到 Stackoverflow！如果您可以添加一些关于如何创建代码、您考虑了什么以及您的方法为何有效的说明，那就太好了。这将有助于问题的作者和稍后阅读您的答案的任何其他人。