Come si scorre un div overflow a un hashtag (anchor) di certa precisione?

Question

Nella mia pagina Web ho un div overflow (cioè con la barra di scorrimento verticale). Dentro il div, ho delle ancore con id. Quando inserisco uno di questi ID nell'URL (mypage.html # id), voglio che il div, non la pagina, scorrano fino all'ancora.

Come faccio, preferibilmente con JavaScript semplice? Se è troppo complesso, andrò con jQuery, ma non lo sto usando in questo progetto per nient'altro.

Answer 1

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

Non c'è alcun motivo per cui non è possibile convertire questo in javascript standard.

Si noti che lo scorrimento sarà disattivato se c'è un margine sull'elemento di ancoraggio.

Answer 2

Hai provato a impostare focus() sull'ancora?

Qualsiasi elemento DOM con un tabindex è focheggiabile, e qualsiasi elemento che ha lo stato attivo verrà fatto scorrere in vista dal browser.