滚动到具有偏移量且没有元素填充/边距/边框的元素？

如何解决滚动到具有偏移量且没有元素填充/边距/边框的元素？

我有一个可以平滑滚动到元素的功能。我有一个固定的导航栏，所以我减去了导航栏的高度，这样它就不会覆盖内容。

问题：它滚动到的元素有一个padding top，所以滚动到元素的时候，有一点空隙。见附件截图

我的功能：

const element = document.querySelector(selector)

let scrollToPosition
const elementPosition = element.getBoundingClientRect().top

const fixedHeaderHeight = document.querySelector('.fixed-navbar')
    .offsetHeight
scrollToPosition =
    elementPosition + window.pageYOffset - fixedHeaderHeight

window.scrollTo({
    top: scrollToPosition,behavior,})

如何去除元素的内边距/边距/边框？