jQuery scrollTop()——带有动画的返回顶部

最新推荐文章于 2023-08-10 17:49:37 发布

没人回复我哼

最新推荐文章于 2023-08-10 17:49:37 发布

阅读量1.5k

点赞数 1

文章标签： js jquery javascript

本文链接：https://blog.csdn.net/qq_45645902/article/details/106386426

版权

本文介绍了如何利用jQuery的animate()函数实现平滑滚动到页面顶部的效果，详细讲解了使用animate动画函数设置位置的步骤，并指出需要注意动画作用的对象是元素而非整个文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习来源：https://www.bilibili.com/video/BV1a4411w7Gx

思路
1.使用animate动画返回顶部
2.animate动画函数里面有个scrollTop属性，可以设置位置
3.但是是元素做动画(不是整个文档做动画)，因此$("body, html").animate({ scrollTop: 0 })

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery.min.js">

最低0.47元/天解锁文章