jQuery 中的 $('iframe').ready() 方法如何工作？

以下是一个示例，其中 iframe 大小大于页面。当 iframe 使用 jQuery 加载时，我们将滚动到页面的顶部 −

示例

在线演示

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $('iframe').ready(function(){
          $(window).scrollTop(0);
        });
      });
   });
   </script>
  </head>
<body>
  <iframe frameborder="2" height="900" id="iframe" align="top" src="https://www.qries.com" width="900" ></iframe><br>
  <button>Loop through each image</button>
</body>
</html>

更新于： 20-Jun-2020

3K+ 浏览

开启您的 职业生涯

完成本课程即可获得认证

立即开始
广告