返回博客

滚动到指定位置并进行偏移

本文介绍如何使用 JavaScript 将页面滚动到指定元素位置并进行偏移,避免被其他元素遮挡。

Mt.r
|

滚动到某个位置并且偏移

function scrollToTargetAdjusted(){
    var element = document.getElementById('targetElement');
    var headerOffset = 45;
    var elementPosition = element.getBoundingClientRect().top;
    var offsetPosition = elementPosition + window.pageYOffset - headerOffset;
  
    window.scrollTo({
         top: offsetPosition,
         behavior: "smooth"
    });
}