Scroll in to view e hidden (html5)

 

Scrolling into view

Um truque simples, mas muito útil. Você pode fazer:

document.getElementById('aviso').scrollIntoView()

Isso vai rolar a página até que o elemento com o id “aviso” esteja visível no topo do viewport. Você pode passar um parâmetro opcional top:

document.getElementById('aviso').scrollIntoView(false)

O valor default é true. Se você passar false, a rolagem vai deixar o objeto visível na base do viewport.