繁体   English   中英

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

[英]I got an scroll position problems when I link anchor from page1 to page2 with a fixed header

我遇到了滚动位置问题。 当我从第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更改窗口的滚动位置,但它不起作用。 怎么解决?

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

我相信你已经放置了锚点,所以如果你想改变你的HTML页面并直接转到锚点,你的链接应该如下所示:

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

有关W3C网站的更多信息

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM