知识点：scrollIntoView
代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Scroll to Element Example</title><style>body {font-family: Arial, sans-serif;}.section {height: 600px;padding: 20px;border: 1px solid #ccc;margin: 20px 0;}#navbar {position: fixed;top: 10px;right: 10px;background: #f4f4f4;padding: 10px;border: 1px solid #ddd;}#navbar a {display: block;margin: 5px 0;text-decoration: none;}</style>
</head>
<body><div id="navbar"><a href="javascript:void(0);" onclick="scrollToSection('section1')">Go to Section 1</a><a href="javascript:void(0);" onclick="scrollToSection('section2')">Go to Section 2</a><a href="javascript:void(0);" onclick="scrollToSection('section3')">Go to Section 3</a>
</div><div id="section1" class="section">This is Section 1</div>
<div id="section2" class="section">This is Section 2</div>
<div id="section3" class="section">This is Section 3</div><script>function scrollToSection(sectionId) {const element = document.getElementById(sectionId);if (element) {element.scrollIntoView({ behavior: 'smooth' });}}
</script></body>
</html>
