在Chrome上使用Tab鍵時iFrame不滾動

我有一個嵌入在iFrame中的Web應用程序。對於我們的HTML頁面中的一個，我們有很多文本框，內容相當大，因此必須向下滾動瀏覽內容。當我們通過使用Tab鍵瀏覽文本框時，如果文本框位於頁面中間某處，iFrame不會滾動，這可以通過鼠標滾動查看。請注意，文本框的重點在那裏。這個問題只發生在Chrome瀏覽器中，它在Firefox和IE11中工作正常。鉻問題的code.google.com上有一個線程提到了此問題，但仍未找到解決方案。 Issue Link 複製問題的示例代碼是Sample Code 在Chrome上使用Tab鍵時iFrame不滾動

來源

2015-05-19 Ammar Tinwala

問題鏈接表示這是Chrome中的一個錯誤（從v39開始）。那麼你對這個問題有什麼期望？答案是，這是一個錯誤。等到它解決了。順便說一句，您的示例代碼的鏈接已死亡。 –

@Mr Lister：我已更新鏈接，現在您可以下載。我想知道是否有任何方式通過JavaScript或jQuery，我可以使滾動工作按下標籤。如果這可能發生，這將是一個大的解決方案，並對我有所幫助。 –

這個問題在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>

來源

2015-05-19 17:28:39 VModi11

提供的解決方案工作。謝謝 –

在Chrome上使用Tab鍵時iFrame不滾動

回答

相關問題