我的父页面中有一个很长的 iframe。当您重新加载或单击 i 框架页面内的链接时,它会加载到其中,但纯窗口必须向上滚动。
我尝试过各种代码示例:jquery哪个事件比这个更好 https://stackoverflow.com/questions/7892848/jquery-which-event-is-better-than-this/7893922#7893922 and
如何通过 iFrame 重新加载滚动父页面 https://stackoverflow.com/questions/4120813/how-to-scroll-parent-page-with-iframe-reload父页面正文代码:
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$('iframe').load(function(){
$(window).scrollTop(0);
});
});</script>
<iframe frameborder="0" height="1000" id="iframe" src="http://mysite.com" width="800"></iframe>
现在这是我在父页面中的最终代码:(这不起作用)
<script type="text/javascript">
$('iframe').ready(function(){
$(window).scrollTop(0);
});
</script>
<iframe frameborder="0" height="1000" id="iframe" align="top" src="http://foicam.altervista.org/listadinamica.php" width="800" ></iframe>
但问题是,每个代码在框架完全加载后(包括图像)都会向上滚动父页面。我想要的是在 iframe 加载完成之前父页面向上滚动.
如果您单击最后一张图片或向下滚动页面,然后仅重新加载 iframe,您就会明白我的意思!
非常感谢,很抱歉,我昨天下午发现了这种语言的存在!
将您的代码更改为:
<iframe frameborder="0" height="1000" id="iframe" align="top" src="http://foicam.altervista.org/listadinamica.php" width="800" ></iframe>
<script type="text/javascript">
$('iframe').ready(function(){
$(window).scrollTop(0);
});
</script>
您的脚本在您的 iframe 成为 DOM 的一部分之前被调用。如果你把脚本放在你的 iframe 后面,它是 DOM 的一部分,它会识别它并$('iframe')
才会真正找到对象。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)