Arrêt du contenu d'une section div en mouvement

Question

J'ai une section div, qui est pleine de < a href = "" > tags, sur un événement sur la page je rétrécit la section div MAIS si l'utilisateur tabule dans la section div , il se déplace de sorte que le < mis en évidence un href > </a > a le focus, est-il un moyen de verrouiller une section div dont le contenu ne bouge pas?

Ainsi, par exemple le code (psuedo pas réel) Je donne les résultats suivants

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

Je rétrécis la section div de sorte que seule la h4 s'affiche {overflow: hidden}, mais l'utilisateur peut alors onglet pour les éléments et ce défilement afin qu'ils soient affichés dans la div "fenêtre" qui n'est pas ce que je veux, donc en effet je reçois <div><a href = "1">Link 1</a><div> où ce que je veux rester est <div><h4>heading</h4></div> en effet je veux arrêter le contenu de la secti défilement pour que l'élément sélectionné soit affiché. Je sais que s'ils appuient sur revenir le lien sélectionné sera suivi, mais je ne suis pas inquiet à ce sujet, juste ce qui est affiché

J'espère que c'est réglé, vous pouvez voir mon problème si vous allez à link text cliquez sur la formation section sur la gauche puis sur la languette arrière (onglet shift), la section article ci-dessus change.

Merci

Answer 1

Y at-il un moyen de verrouiller une section div dont le contenu ne bouge pas?

Pas vraiment *, mais vous ne voulez vraiment pas de toute façon. Même si vous l'avez verrouillé en place, les liens invisibles accepteraient toujours le focus, ce qui entraînerait un comportement de tabulation confus.

(*:.. Peu de quelque chose horrible comme changer le scrollTop de l'élément débordant de onfocus JavaScript Ugh)

Ce que vous devriez probablement faire est de mettre un div autour des liens, et de définir son style d'affichage " aucun 'quand les liens sont élidés. De cette façon, ils ne participeront pas à l'ordre de tabulation.

Answer 2

D'après ce que je peux faire de votre question, vous voulez que votre div à rester fixe par rapport à la fenêtre du navigateur. Si tel est le cas, cela peut simplement être fait en déclarant position: absolute pour le div.

Si vous voulez quelque chose d'autre, veuillez clarifier votre question.