javascript - 如何将iframe中的div从另一个iframe滚动到 anchor

不知道标题是否对您有意义，让我扩展一下：

我有一个基本的html文件，其中包含iframe1。 iframe1包含6个链接，应链接到div中iframe2中的锚点；并且iframe2用iframe1代替target="_self"加载。现在，诀窍在于，应滚动div而不是iframe2本身，因为iframe2中还有其他内容需要注意。

大量的搜索并没有使我无所事事，所以我什至不知道这是否可行，因此我认为我会在这里尝试一下，然后被迫将整个复杂的结构重新加工成其他形状。我是javascript新手，但我知道什么是函数或变量:)谢谢。

因此，在主html中，我有：

<div class="content">
<iframe class="iframes" src="iframes/i-servlinks.html"></iframe>
</div>

在iframe1（这里称为i-servlinks.html）中，我有6个：

<div class="works">
<a class="worklinks" href="i-servs.html" target="_self">Linktoanchor</a>
</div>

在iframe2中（这里称为i-serv.html），我有：

<div class="servlinks">
<a class="tab-item" href="#link1">1</a>
<a class="tab-item" href="#link2">2</a>
<a class="tab-item" href="#link3">3</a>
<a class="tab-item" href="#link4">4</a>
<a class="tab-item" href="#link5">5</a>
<a class="tab-item" href="#link6">6</a>
</div>
<div class="servs">
<!-- a lot of text, with the 6 anchors spread out in it, and this is the div that should scroll, servlinks div should stay in view on top of iframe2 -->
</div>

最佳答案

好吧，在尝试了一千次scrollTo键入插件和脚本后，我放弃了，只是在我的设置中无法正常工作。因此，我改为将iframe1和iframe2的内容移到主html中，然后将iframe1放入div中，以使iframe2的内容保持在主container之外，直到我使用6个链接onclick中的任何一个（带有类似javascript的两行）将其隐藏。我对html和css进行了一些重做，然后BANG，它就像是一种魅力。

功能相同，但实际上更整洁，文件和脚本更少。因此，这只是证明简单思考通常会更好。