1

ページのイベントに <a href=""> タグでいっぱいの div セクションがありますが、div セクションを縮小しますが、ユーザーが div セクションにタブを移動すると、強調表示された <a href> </a> にフォーカスがあります。コンテンツが移動しない div セクションをロックする方法はありますか?

たとえば、コード（本物ではない疑似）は次のとおりです

<div>
  <h4>Heading</hv>
  <a href = "1">Link 1</a>
  <a href = "2">Link 2</a>
  <a href = "3">Link 3</a>
</div>

h4 のみが表示されるように div セクションを縮小します実際に<div><a href = "1">Link 1</a><div>は、残したいものがどこにあるかを取得<div><h4>heading</h4></div>します。選択した要素が表示されるように、div セクションのスクロールの内容を停止したいと考えています。リターンを押すと、選択したリンクがフォローされることはわかっていますが、これについては心配していません。表示されているものだけです

左側のトレーニングセクションをクリックしてリンクテキストに移動し、次に戻るタブ（シフトタブ）をクリックすると、上記の記事セクションが変更されます。

ありがとう

4

2 に答える 2

2

コンテンツが移動しない div セクションをロックする方法はありますか?

そうではありません*が、とにかくそれを望んでいません。所定の位置にロックしても、非表示のリンクは引き続きフォーカスを受け入れるため、タブの動作が混乱します。

(*: オーバーフロー要素の scrollTop を JavaScript onfocus から変更するような恐ろしいことを除いて。うーん。)

おそらくすべきことは、リンクの周りに div を配置し、リンクが省略されている場合はその表示スタイルを「なし」に設定することです。そうすれば、それらはタブ順序に参加しません。

于 2009-08-18T09:53:54.290 に答える
0

あなたの質問から私ができることから、divをブラウザウィンドウに対して固定したままにしておきたいと思います。この場合は、div に対して position:absolute を宣言するだけで簡単に実行できます。

他の何かが必要な場合は、質問を明確にしてください。

于 2009-08-18T09:03:35.500 に答える