10

Twitter Bootstrapと他のさまざまなJavaScriptライブラリ（jQueryを含む）を備えたHTML5アプリケーション（<!DOCTYPE html>）があり、すべて現在のバージョンで実行されています。

autofocusこのページには、属性が設定されたテキスト入力が含まれています。

<input type="text" autofocus="autofocus" />

ページにはコンテンツの複数の「画面」が含まれています。つまり、ページには常に垂直スクロールバーがあります。テキスト入力は、ページの最初の「折り目」内にあります。ページ上部から250px。

Chrome、Safari、Operaでは、ページは期待どおりに機能します。ページが読み込まれると、要素が画面に表示され、フォーカスされます。

FireFox（現在のバージョン-18.0.1）では、要素にフォーカスがありますが、ページは1533pxまでスクロールされています（window.pageYOffsetで決定）。コンテンツの長さが異なる同じページは常に同じ位置にスクロールし、要素は画面外にレンダリングされます。

オートフォーカス属性が設定されている要素は間違いなく1つだけです（$("[autofocus]").length）。

要素からautofocus属性を削除しても、ページはまったくスクロールされません（つまり、ページは期待どおりに一番上までスクロールされたままになります）。

誰かが助けや洞察を提供できますか？

私たちが試したこと

次のテストは正しく機能します。

<!DOCTYPE html>
<html>
<head>  </head>
<body>
  <div style="height: 200px">
    <h1>Test</h1>
  </div>
  <div style="height: 2000px">
    test
    <br />
    <input autofocus type="text" />
  </div>
</body>
</html>
4

2 に答える 2

0

最近Firefoxでこれを再試行したため、問題を再現できません。

閉鎖...

于 2014-04-03T00:10:23.117 に答える
-1

これを言うにはcssコードが必要です： .focusedInput { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); box-shadow: 0 0 8px rgba(82,168,236,.6) !important; } 次に、テキスト入力コードは次のようになります： <input class="form-control focusedInput" type="text">

于 2014-03-05T13:40:13.587 に答える