js 锚点点击滚动指定位置
时间: 2023-07-25 17:15:08 浏览: 130
在 JavaScript 中,可以使用 `window.scrollTo()` 方法来实现滚动到指定的位置。具体步骤如下:
1. 给锚点设置一个唯一的 `id`,例如 `<a id="myAnchor"></a>`。
2. 在页面中需要滚动到的位置也设置一个唯一的 `id`,例如 `<div id="myDiv"></div>`。
3. 在点击锚点时,获取需要滚动到的位置的 `offsetTop`,例如 `var position = document.getElementById('myDiv').offsetTop`。
4. 使用 `window.scrollTo()` 方法将页面滚动到指定位置,例如 `window.scrollTo(0, position)`。
完整的代码示例如下:
```html
<a href="#myDiv" onclick="scrollToPosition()">点击滚动到指定位置</a>
<div id="myDiv">需要滚动到的位置</div>
```
```javascript
function scrollToPosition() {
var position = document.getElementById('myDiv').offsetTop;
window.scrollTo(0, position);
}
```
需要注意的是,`window.scrollTo()` 方法的第一个参数是页面的 X 轴滚动位置,第二个参数是 Y 轴滚动位置。在本例中,我们将 X 轴滚动位置设置为 0,因为我们只需要滚动到 Y 轴的指定位置。
阅读全文