Question

我遇到了滚动位置问题。当我从第2页到第3页链接锚点时，第3页位于固定标题下。 BTW，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更改窗口的滚动位置，但它不起作用。怎么解决？

我希望我向你提出清楚的问题。

Answer 1

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

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

有关W3C website

的更多信息

当我使用固定标题将第1页的锚点链接到第2页时，我遇到了滚动位置问题

1 个答案: