jquery滚动条滚动到顶部
时间: 2023-08-09 22:02:32 浏览: 272
js控制滚动条缓慢滚动到顶部实现代码
要将jQuery滚动条滚动到页面顶部,可以使用以下代码:
```javascript
$('html, body').animate({scrollTop: 0}, 'slow');
```
这行代码选择器 `$('html, body')` 选择了整个文档,无论是在 `html` 元素上滚动还是在 `body` 元素上滚动,都可以实现滚动到顶部的效果。
`.animate()` 是jQuery的动画函数,通过改变滚动条的位置来实现滚动的效果。在这里,我们将滚动条的位置 `scrollTop` 设置为0,这意味着将滚动条滚动到顶部。
`'slow'` 参数表示滚动的速度,可以是 `'slow'`、`'fast'` 或毫秒数。在这里,我们选择了 `'slow'`,意味着滚动动画将以较慢的速度执行,使用户能够更自然地感受到滚动效果。
使用上述代码,当触发事件时,jQuery滚动条将平滑地滚动到页面的顶部。
阅读全文