防止父页面向下滚动到 iframe答案

【问题标题】：Prevent parent page from scrolling down to iframe防止父页面向下滚动到 iframe
【发布时间】：2015-01-13 22:43:10
【问题描述】：

我使用 iframe 嵌入了一个网站。每当父页面加载时，嵌入页面都会使父页面向下滚动到 iframe。我无法更改嵌入页面中的任何代码，我只能访问父页面。这是fiddle of the issue:

HTML：

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

CSS：

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

如何防止父页面向下滚动到 iframe？

【问题讨论】：

标签： javascript jquery html css iframe

【解决方案1】：

您的问题是您为 iframe 使用了错误的 ID 值。

将container 换成asContainer，你应该很高兴。

【讨论】：

请看问题小提琴。我不想加载其他问题的页面，但问题中的那个页面。父页面向下滚动到 iframe，我想留在父页面的顶部。
我的建议是让使用 JQuery 的解决方案起作用。您需要更改 ID 值以匹配您在问题中包含的 JQuery 函数中使用的 ID 值。

【解决方案2】：

用工作副本更新了您的jfiddle。您也没有加载 jquery，因此请确保是否要使用正在加载的 jquery

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

【讨论】：

感谢您的帮助。我要加载的页面是这个（store4549118.ecwid.com/#!/~/cart）（不是另一个问题示例中使用的音频冲浪）；加载时，父级仍在向下滚动。
谢谢，但我需要加载这个页面 (store4549118.ecwid.com/#!/~/cart)，而不是这个 (store4549118.ecwid.com/#23!/~/cart)。我需要加载购物车页面，并且页面强制栏向下滚动到 iframe 的位置。
对不起，我应该用 %23 替换 # 但可以看到这也不起作用。