Comment puis-je faire défiler une division débordée vers un certain hashtag (ancrage)?

Sur ma page Web, j'ai une division débordée (c'est-à-dire avec la barre de défilement verticale). À l'intérieur de la div, j'ai des ancrages avec des identifiants. Lorsque je place un de ces identifiants dans l'URL (mypage.html # id), je veux que le div, et non la page, se défile vers cette ancre.

Comment puis-je le faire, de préférence avec JavaScript simple? Si c'est trop complexe, je vais aller avec jQuery, mais je ne l'utilise pas dans ce projet pour autre chose.

$('.overflow').scrollTop($('#anchor').offset().top); 

Il n'y a aucune raison pour laquelle vous ne pouvez pas convertir cela en javascript standard.

Notez que le défilement est désactivé s'il existe une marge sur l'élément d'ancrage.

Avez-vous essayé de mettre focus() sur l'ancre?

Et l'élément DOM avec un tabindex est focalisable, et tout élément qui a la mise au point sera affiché par le navigateur.