使用JavaScript实现页面平滑滚动效果

能者

要实现页面平滑滚动效果，可以使用JavaScript的`scrollIntoView()`方法结合CSS的`scroll-behavior`属性。下面是一个简单的示例:

1. 首先，在HTML文件中为需要平滑滚动的元素添加一个唯一的id。

[HTML] 纯文本查看 复制代码

<div id="section1">第一部分</div> 

2. 在CSS文件中，设置`scroll-behavior`属性为`smooth`。

[CSS] 纯文本查看 复制代码

html { 
  scroll-behavior: smooth; 
} 

3. 在JavaScript文件中，使用`scrollIntoView()`方法将目标元素滚动到可视区域。

[JavaScript] 纯文本查看 复制代码

var element = document.getElementById("section1"); 
element.scrollIntoView(); 

这样，当点击包含id为"section1"的元素时，页面会平滑地滚动到该元素所在的位置。

请注意，`scrollIntoView()`方法也可以接受一个具有配置选项的对象作为参数，以进一步自定义滚动行为。你可以查阅相关文档来了解更多信息。