背景
我正在为一些客户开发PG应用程序。我有一个在线页面(我没有任何控制权),这是一个登录页面,有两个文本框和一个按钮。我在iframe中加载该页面,以便用户输入他/她的id&密码。从那时起,用户被重定向到同一iframe内的某个其他页面。
问题:
当用户进入下一页时,无论文本框先前出现在登录页面的哪个位置,都会出现高亮显示(大纲有点)。每当我点击上一页中输入所在的区域时,就会出现这种情况。 。这是一张照片供参考。 请注意,这仅在Android ICS中发生。
代码:
iframe标记添加了以下样式。
iframe {
margin-top: 4rem;
padding: 0;
height: 89%;
width: 100%;
overflow: auto;
border: none;
-webkit-transform: translate3d(0,0,0);
}
iframe.changed {
margin-top: 0;
height: 100%;
}
重定向以这种方式发生:
//after login
document.getElementById("app-frame").contentWindow.location.replace(url);
我在这里失踪了什么?知道为什么这些文本框即使在父页面消失后仍然存在?
答案 0 :(得分:0)
我自己修理了它。确实是一个非常奇怪的修复。我加载了“about:blank”,100毫秒后,我加载了所需的url。这样,它奏效了。正如预期的那样,触发了回流焊。上一页的文物已经消失了。这是代码:
var frame = document.getElementById("app-frame");
frame.contentWindow.location.replace("about:blank");
setTimeout(function () {
frame.contentWindow.location.replace(url);
}, 100);