Using scrollIntoView with a fixed position header

贝塔贝卡贝

于 2022-02-15 22:44:43 发布

阅读量224

点赞数

本文链接：https://blog.csdn.net/Kiruthika/article/details/122953698

版权

本文介绍如何使用JavaScript在考虑固定头部元素的情况下，实现滚动到指定元素的视图。通过`scrollIntoView`函数配合窗口滚动位置调整，确保内容可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题解答原地址：https://stackoverflow.com/questions/13614112/using-scrollintoview-with-a-fixed-position-header

var node = 'select your element';
var yourHeight = 'height of your fixed header';

// scroll to your element
node.scrollIntoView(true);

// now account for fixed header
var scrolledY = window.scrollY;

if(scrolledY){
  window.scroll(0, scrolledY - yourHeight);
}