Como usar scroll em uma div html?

2 respostas
htmlhtml5javascript
N

Eu tenho um comando usando divName.scroll em javascript e quero que esse comando role uma div html rolavel porém ele está rolando até o topo e não até o elemento desejado segue o código:

divName.scroll({
      top: elementName,
      behavior: "smooth",
})

2 Respostas

Lucas_Camara

Pela doc, nem top, em vez de informar o nome do elemento, acho que deveria ser um número indicando a distância referente ao tipo que o scroll deve ficar, veja:

element.scroll({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

Tu pode testar assim para ver se funciona.

FONTE: Element.scroll() - Web APIs | MDN

N

funcionou, porém eu queria que fosse um valor que se adapta a altura da div e a posição do elemento, porque se eu usar desse jeito ele coloca 100px em relação ao topo mas eu quero na posição do elemento, como eu faço isso? Desculpe colocar essa inforção só agora mas a div está em uma posição fixada.

Criado 9 de dezembro de 2022
Ultima resposta 9 de dez. de 2022
Respostas 2
Participantes 2