jquery - 通过单击指向 iframe 中的内部链接的链接向下滚动整个页面

Question

我有一个导航栏，其中包含一些指向 iframe 的链接。此链接包含内部链接。

$("#pr1").click(function(){
    $("#content").html('<iframe id="idIframe" src="research/index.html#pr1" frameborder="0" height="100%" width="98%"></iframe>');

如果我点击此链接，它会将 iframe 源文件中的 id=pr1 放在顶部。没关系。但不仅是 iframe，还有整个页面。由于 iframe 位于页面中间，因此整个网站会向下滚动。

这种情况在 IE、Chrome 中发生，但在 FF 中不会发生。如何避免？

编辑所以我想要什么。该站点应保持“在同一位置”。但是 iframe 应该转到“他的”位置。

Answer 1

尝试以下操作:

$("#pr1").click(function(e){
    e.preventDefault();
    $("#content").html('<iframe id="idIframe" src="research/index.html#pr1" frameborder="0" height="100%" width="98%"></iframe>');