Comment faire hyperlien changer le texte en débordement: div caché sans sauter à la div

Question

J'ai un élément div avec hauteur fixe et largeur et débordement: caché, et j'ai un menu qui fait que ce div pour faire défiler les ancres dans le texte dans la div. Cependant, lorsque vous cliquez sur un élément de ce menu, il ne fait pas simplement défiler la div, il fait également défiler la page vers la div. Comment puis-je empêcher cette seconde de se produire. C'est-à-dire que je veux juste que la div défile sans que la page elle-même ne défile.

J'ai
< div id = "boxcontent" >
< p id = "ID1" > Certains contenus </p >
< p id = "ID2" > Certains contenus </p >
< p id = "id3" > Certains contenus </p >
</div >

boxcontent { largeur: 600px; hauteur: 180px; dépassement: masqué; marge gauche: auto; marge droite: auto; }

Et puis un ul avec des liens d'ancrage à ID1, ID2, etc.

Est-ce sens?

Answer 1

On dirait que vous avez besoin de prevent the default action de vos liens dans votre événement click. event.preventDefault() peut ou peut ne pas fonctionner cross-navigateur, mais les IE devraient avoir un équivalent si vous regardez.

Answer 2

Utilisez overflow-x:scroll

boxcontent { width:600px; height:180px; overflow-x:scroll; margin-left:auto; margin-right:auto; } 

Je pense que ce que vous voulez dire de toute façon.