Question

我有一个嵌入在iFrame中的Web应用程序。对于我们的HTML页面之一，我们有很多文本框，内容非常大，因此必须向下滚动才能浏览内容。当我们使用tab键浏览文本框时，如果文本框位于页面中间某处，则iFrame不会滚动，这可以通过鼠标滚动来查看。请注意，重点放在文本框上。这个问题只发生chrome，它在Firefox和IE11中运行良好。在chrome部分的code.google.com上有一个帖子，其中提到了此问题，但仍未找到解决方案。 Issue Link 复制问题的示例代码在Sample Code

Answer 1

这个问题在最新版本的Chrome中得到修复，即43.0及更高版本。无论如何，请尝试下面的jquery。

<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

   <script type="text/javascript">
      $(document).ready(function() {
         $('input').focus(function() {
            $('html, body').animate({
               scrollTop: $(this).offset().top - 50
            }, 20);
         });
      });
   </script>
</head>

在Chrome上使用Tab键时，iFrame不会滚动

1 个答案: