Question

我在使用iframe时遇到了一个问题，我真的不知道如何解释。

我想将一些HTML注入iframe，然后通过<a>标记在此注入的HTML中导航。

问题在于，由于iframe包含在overflow: hidden;容器中（这是我不理解的），当我点击链接时iframe会垂直滑动，而目标链接已经进入视图

使用基本的js完成HTML注入：

var iframe = document.getElementById("myFrame");
var frameDoc = iframe.document;
if (iframe.contentWindow) {
    frameDoc = iframe.contentWindow.document;
}
frameDoc.open();
var sContent = "<!doctype html>";
sContent += "<head>";
sContent += "</head>";
sContent += "<body>";
sContent += "<a id='myLink'></a>";
sContent += "<a id='myButton' href='#myLink'>Click me</a>";
sContent += "</body>";
frameDoc.write(sContent);
frameDoc.close();

有没有人能够看到我缺少的东西，或者我能做些什么才能获得正确的行为，当我导航时，还有iframe留在原地？

可以在jsfiddle上找到正在运行的示例。

由于

Answer 1

sContent + =＆＃39;＆＃39;;

必须是： sContent + =＆＃39;＆＃39;;

挣扎着同样的问题.. （认为这是一个错误，我也尝试过：sContent + =＆＃34;＆＃39; ** id =＆＃39; myButton＆＃39; href =＆＃39; #myLink＆＃39;＆gt;点击我＆＃34; 仍然没有工作......。）

散列导航和静态iframe

1 个答案: