利用 jQuery 中的 animate
和 scrollTop
方法,你无需插件就可以创建简单的 scroll up 效果:
// 返回顶部
$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800); });
<!-- 设置锚 -->
<a class="top" href="#">返回顶部</a>
本文共 264 字,大约阅读时间需要 1 分钟。
利用 jQuery 中的 animate
和 scrollTop
方法,你无需插件就可以创建简单的 scroll up 效果:
// 返回顶部
$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800); });
<!-- 设置锚 -->
<a class="top" href="#">返回顶部</a>
转载于:https://blog.51cto.com/hanhanyi/1775895