阻止父页面向下滚动到iframe

时间:2015-01-13 12:56:58

标签: javascript jquery html css iframe

我使用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?

2 个答案:

答案 0 :(得分:0)

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

container交换asContainer,你应该好好去。

答案 1 :(得分:0)

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

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