如何滚动到模式的顶部

Question

在我的投资组合中，我在一系列项目上进行了 map，这些项目一个接一个地呈现。 然后每个项目都有一个打开模式的按钮。 问题是如果我在一个项目上打开模态，向下滚动，关闭模态，然后在另一个项目上打开模态，第二个模态将从第一个模态关闭的相同位置开始。

似乎问题与模态在代码库中的位置有关，在我最初 map 在项目数组和项目的子级别的级别。

window.scrollTo(0, 0) AND OR let getThisEle = document.getElementsByClassName('example') getThisEle.scrollTop = 0不起作用。

Answer 1

创建此修复程序花费了很多时间，但我找不到在线工作的解决方案，因此我想在这里分享它以减轻未来的人们的痛苦。

您可以将打开模式的按钮从 button/div 元素更改为<a></a>锚元素。 将锚点 href 设置为模式中内容的顶部。 然后 go 找到包含模态框顶部内容的文件，并给它一个等于 href 的 id。

在我的例子中，我的按钮是一个<a href="top-modal"> ，然后我在我的模态中找到了内容的顶部标题，并给了它id="top-modal" 。 这使得每当您单击打开模式的按钮时，它都会滚动到该模式的顶部。

Answer 2

你试过scrollIntoView吗？

这是一些文档： https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView