iframe 未在 iframe/父页面顶部加载 iframe 内部链接答案

【问题标题】：Iframe not loading iframe internal links at the top of the iframe/parent pageiframe 未在 iframe/父页面顶部加载 iframe 内部链接
【发布时间】：2014-02-09 10:57:16
【问题描述】：

我有一个网页（称为 PageA），它有一个标题和一个主导航栏，然后只包含一个 iframe。让我们在 iframe PageB 中调用页面。 PageB 只是一个产品列表，但产品很多，所以您必须在 PageA 上向下滚动才能查看所有产品。

当我向下滚动 PageA 以查看 pageB 的底部并单击产品链接时，它看起来像是将我带到了一个空白页面。实际发生的是它会显示产品图像和描述，但由于只有一个产品且其描述的页面高度要短得多，因此滚动条保持在同一位置并且不会针对它进行调整。我必须向上滚动到页面顶部才能查看产品、描述和添加到购物车按钮。

当我单击 iframe 内的页面上的链接时，外部页面滚动条会回到顶部吗？

<iframe src="shop.undergloled.com";; onload="window.scroll(0,0)"; width="980" height="1400" frameborder="0" style="display:block seamless;"> </iframe>

【问题讨论】：

shop.undergloled.com"; onload="window.scroll(0,0)"; width="980" height="1400" frameborder="0" style="display:block seamless;">
你能创建一个JSfiddle吗
只查看网站可能会更容易，因为它有很多代码供 jsfiddle 处理。网址是 www.undergloled.com，一旦导航到商店主页，然后向下滚动到页面底部，其中有一个产品列表，旁边有价格，如果您单击其中一个产品链接，它将加载产品页面，但您会看到很多空白，因为它加载了主页上链接所在的页面，而不是 iframe 的顶部
最好将您的代码示例和小提琴发布到本网站
我试过它总是崩溃，因为它需要处理的太多了。

标签： javascript jquery html iframe

【解决方案1】：

试试看

<iframe src="http://shop.undergloled.com" onload="window.scroll(0,0)" width="980" height="1400" frameborder="0" style="display:table !important;"></iframe>

【讨论】：

【解决方案2】：

试试这个

<iframe src="http://shop.undergloled.com" onload="window.scroll(0,0)" width="980" height="1400" frameborder="0" style="display:block;"></iframe>

【讨论】：

我刚刚尝试过 kamuken 仍然存在相同的问题，即将产品页面加载到低位。
body.scrollTop 在严格模式下已弃用。请在严格模式下使用“documentElement.scrollTop”，仅在怪癖模式下使用“body.scrollTop”。 body.scrollLeft 在严格模式下已弃用。请在严格模式下使用“documentElement.scrollLeft”，仅在怪癖模式下使用“body.scrollLeft”