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

编程问答 2022-04-27

问题描述

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

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

Screenshot

我的功能：

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

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript