Como usar scroll em uma div html?

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",
})

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

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.