通过单击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中。怎么避免？

EDIT 所以我想要的。该网站应保持“在同一个地方”。但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>');