前端页面内平滑跳转

function jumpToElementById(index) {
// 使用try-catch块来处理潜在的错误
try {
// 这一行代码从文档中通过 getElementById 方法获取具有指定 index 的元素
const targetElement = document.getElementById(index);
// 检查是否找到了目标元素
if (targetElement) {
//从该元素的属性中提取 offsetTop 值。offsetTop 表示元素距离其最近的已定位（非static）父元素的顶部边缘的像素距离。
const { offsetTop } = targetElement;
// 获取要滚动的目标元素这一行代码通过 querySelector 方法获取具有 id 为 JumPages 的元素，并将其存储在名为 jumPages 的变量中。
const jumPages = document.querySelector(‘#JumPages’);
// 设置滚动位置，向上偏移80像素
jumPages.scrollTop = offsetTop - 80;
//scrollTop 表示元素的滚动位置，通过将其设置为 offsetTop - 80，实现了将页面滚动到指定元素的位置，并向上偏移 80 像素的效果。这可以用来实现页面内部的平滑滚动到指定部分的效果。
} else {
console.error(Element with id '${index}' not found.);
}
} catch (error) {
console.error(‘An error occurred:’, error);
}
}

// 使用示例
jumpToElementById(‘elementIdToJumpTo’);