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

Question

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

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

如果我点击这个链接，它会将 id=pr1 放在 iframe 的源文件中。没关系。但不仅是 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>');