利用js实现点击返回顶部
2年前
超过730天
温馨提示
本文最后更新于2022年11月23日，已超过730天没有更新，若内容或图片失效，请留言反馈。
开始：
在制作网站时会遇到需要写一个侧边按钮用于点击返回顶部功能，返回顶部后需要消失，下拉时图标才会展示出来，看代码：
<script>
$(function () {
$(window).scroll(function () {
var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
if (scrollt > 200) {
$("#go_top").addClass("show");//添加一个class属性
} else {
$("#go_top").removeClass("show");//删除class属性
}
});
$("#go_top").click(function () {
$("html,body").animate({
scrollTop: "0px"
}, 200);
});
}); <
/script>
通过以上js可以实现，只需要绑定一个对应的id即可，以上js中写了一个添加删除class，可以写一个默认隐藏，在show中写一个dispaly:block 实现功能。
0 赞
or 打赏
喜欢就打赏一点
