jquery实现：返回顶部（动画·代码精简版）- 代码篇

jquery实现：返回顶部（动画·代码精简版）：animate

使用css3的animate属性，一行代码就能实现功能。

---

动画演示（省略）

---

代码如下：(精简)

<script type="text/javascript">
    $(document).ready(function(){
        $('#goToTop a').click(function(){
            $('html,body').animate({scrollTop:0},'slow');
        });
    });
</script>

除了属性值slow，还有false/normal/1500数字

---

附：

1. animate属性 · W3C介绍：
2. 博客代码 · 演示地址
3. 本地项目参考 · 演示地址：searchMain.vue / share.vue等文件对应代码。

---

以上就是关于“ jquery实现：返回顶部（动画·代码精简版）- 代码篇 ” 的全部内容。