在 Chrome 上使用 tab 键时 iFrame 不滚动答案

【问题标题】：iFrame doesn't scroll when using tab key on Chrome在 Chrome 上使用 tab 键时 iFrame 不滚动
【发布时间】：2015-05-19 05:23:38
【问题描述】：

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

【问题讨论】：

问题链接说这是 Chrome 中的一个错误（从 v39 开始）。那么你希望这个问题是什么？答案是，这是一个错误。等到解决了。顺便说一句，您指向示例代码的链接已失效。
@Mr Lister : 我已经更新了链接，现在你可以下载了。我想知道是否有任何方法可以通过 javascript 或 jquery 使滚动在按下选项卡时工作。如果这能发生，那将是一个很大的解决方案，对我有帮助。

标签： javascript jquery html css iframe

【解决方案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>

【讨论】：