【问题标题】:Jquery which event is better than this?jquery哪个事件比这个更好?
【发布时间】:2011-10-26 02:18:42
【问题描述】:

我在 iframe 中有一个 html 页面(父页面)。当您在 iframe 内导航(重新加载 iframe 的页面或单击链接)时,父页面仍保留在其先前位置。所以我使用 scrollTop 来回到页面顶部。

一切正常,但 jquery 仅在 iframe 完全加载时才会这样做(包含图像..),所以这不太好......

如何在 iframe 的页面完全加载之前滚动顶部(父页面)?

父页面正文代码:

<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>

谢谢!!!

【问题讨论】:

    标签: javascript jquery html iframe


    【解决方案1】:

    我认为你可以这样做:

    <script type="text/javascript">
    
    jQuery(document).ready(function() {
    
             $(window).scrollTop(0);
        });
    </script>
    

    【讨论】:

      【解决方案2】:

      也许?

      $('iframe').ready(function(){
           $(window).scrollTop(0);
      });
      

      【讨论】:

      • 文档说传递给.ready 的内容并不重要,因为它将始终使用当前文档。
      【解决方案3】:

      如果我没看错的话,这应该可以工作:

      $('.mylink').click(function(){
       $('html, body').scrollTop(0);
       $('#iframe1').attr('src', 'http://some-other-url');
       window.frames["iframe1"].location.reload();
      });
      

      【讨论】:

      • 不......它没有......情况是这样的:这是父页面foicam.blogspot.com/p/guarda-le-webcam.html尝试向下滚动页面,然后单击底部图像“Prova 5 Mpixel”。你会看到新的 iframe 页面将在父页面仍然关闭时加载,并且只有在浏览器完成 iframe 新页面加载时才会返回......(我正在使用我的代码)thanx 寻求帮助!
      • 我的意思是在你做 scrollTo 之后做 prova 5 Mpixel 的加载,但是完全通过 javascript 加载。因此页面会在您加载 iframe 之前移动
      • 好的,所以一定是正确的!请你帮我修改代码来做到这一点?今天下午我发现了这种语言的存在!!!
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-08
      • 2022-01-15
      • 1970-01-01
      • 2022-11-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多