防止父级页面滚动到 iframe

Question

我已经嵌入了一个使用iframe的网站。 每当父页面加载时，嵌入的页面会使父页面向下滚动到iframe。 我无法更改嵌入页面中的任何代码，我只能访问父页面。 这里是问题的演示：

HTML：

<iframe src="http://store4549118.ecwid.com/#!/~/cart" width="100%" height="100%" id="Container"></iframe>

CSS：

body { margin-top: 100px; height: 1000px; } 

我该如何防止父页面滚动到iframe？

（如无特殊要求，下划线表示斜体）

- user3507859

Answer 1

已更新您的jfiddle，现在可以正常运行。另外，您没有加载jQuery，请确保如果您想使用jQuery，则需要加载它。

$(document).ready(function() {
    $('#Container').attr("src", "//audio-surf.com/mypage.php?u=DJDavid98#favorites_container").on('load', function() {
        $(this).show();
    });
});

- n00bstacker

---

感谢您的帮助。我想要加载的页面是这个（http://store4549118.ecwid.com/#!/~/cart）（不是其他问题示例中使用的音频冲浪游戏）；在加载时，其父级仍在向下滚动。 - user3507859

谢谢，但我需要加载此页面（http://store4549118.ecwid.com/#!/~/cart），而不是这个（http://store4549118.ecwid.com/#23!/~/cart）。 我需要加载购物车页面，但该页面强制滚动条向下滚动到iframe的位置。 - user3507859

抱歉，我本来应该用%23替换#，但是我发现那样不起作用。 - n00bstacker

Answer 2

你的问题在于你使用了错误的ID值来引用你的iframe。

将container替换为asContainer，你就可以顺利进行了。

- U r s u s

---

请查看一下问题的 fiddle。我不想加载其他问题的页面，而是加载问题 fiddle 中的页面。父页面会滚动到 iframe，我希望停留在父页面的顶部。 - user3507859

我的建议是使用JQuery解决这个问题。您需要更改ID值以匹配您在问题中包含的JQuery函数中使用的ID值。 - U r s u s