js中scrollTo的作用
时间: 2024-05-10 10:16:59 浏览: 74
scrollTo:动画滚动到元素或位置
5星 · 资源好评率100%
`scrollTo` 是 JavaScript 中用于控制页面滚动位置的方法。它可以将页面滚动到指定的坐标位置,或者滚动到指定元素的顶部。常见的用法包括:
1. 滚动到页面顶部或底部:
```javascript
// 滚动到页面顶部
window.scrollTo(0, 0);
// 滚动到页面底部
window.scrollTo(0, document.body.scrollHeight);
```
2. 滚动到指定元素的位置:
```javascript
const element = document.getElementById('myElement');
element.scrollIntoView({ behavior: 'smooth' });
```
这将会平滑地滚动到该元素的顶部。
`scrollTo` 方法接收两个参数:水平和垂直滚动位置。例如,`window.scrollTo(0, 200)` 表示将页面垂直滚动到 200 像素的位置。如果只传递一个参数,则默认为垂直滚动位置,水平滚动位置不会被改变。
阅读全文