当我使用固定标题将锚点从 page1 链接到 page2 时出现滚动位置问题答案

【问题标题】：I got an scroll position problems when I link anchor from page1 to page2 with a fixed header当我使用固定标题将锚点从 page1 链接到 page2 时出现滚动位置问题
【发布时间】：2016-05-10 08:22:02
【问题描述】：

我遇到了滚动位置问题。当我将锚点从 page2 链接到 page3 时，page3 在固定标题下。顺便说一句，page1 和 page2 共享相同的固定标题和相同的<iframe></iframe>。这是我的页面：

第 1 页：

 <html>
    <body>
        <header class="fixed"></header>
        <iframe src="page2"></iframe>
    </body>   
</html>

第 2 页：

<html>
    <body>
        <div id="navigation>
            <a href="page3.html></a>
        </div>
        <div id="main">
            content
        </div>
    </body>    
</html>

第 3 页：

<html>
    <body>
        <div id="navigation>
            <a href="page2.html class="anchor"></a>
        </div>
        <div id="main">
            content
        </div>
    </body>    
</html>

当我点击 page2 中的链接 a.anchor 时，整个 iframe 都在标题下方。但是当我将鼠标移到顶部时，我可以让它看起来很正常。这是page3 的示例。当我将 page2 链接到 page3 时，滚动不会转到整个 html 的顶部。然后之间的距离就是固定头的高度。

我尝试通过 Javascript 更改窗口的滚动位置，但它不起作用。如何解决？

我希望我能把我的问题告诉你。

【问题讨论】：

链接在??? && 表头没有变化（哪个表头？？？） && 但内容在表头下？？？
我刚刚修改了我的问题。很抱歉。
您想要在用户点击 iframe 中的链接后包含 iframe 更改标头的页面吗？
不，抱歉让您感到困惑。标题是固定的。我只想更改 iframe 的部分内容。我希望每次点击链接时，滚动条都在页面顶部。
@DavidGuan 谢谢你这么有耐心。我的英语不是很好。这是我第一次在 stackoverflow 上提问。所以我可能没有把问题说清楚。我再次修改了问题。希望这次你能理解。

标签： javascript html css iframe anchor

【解决方案1】：

我相信您已经放置了锚点，所以如果您想更改 HTML 页面并直接转到锚点，您的链接应该如下所示：

 <a href="usermgm.html#anchor">

更多信息请关注W3C website

【讨论】：