点击置顶按钮，返回到顶部

Li370234940

于 2024-10-12 21:20:35 发布

阅读量241

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Li370234940/article/details/142886749

版权

// 点击按钮，返回顶部
function con_top() {
document.getElementsByClassName("box_item")[0].scrollTo({
top: 0,
behavior: 'smooth'
})
}
$("#toTop").on("click", con_top)；
使用了点击事件，使用jQuery获取图片（这里我的置顶图片为toTop）添加点击事件为con_top，点击获取需要置顶的框为（ document.getElementsByClassName("box_item")[0]），向上滚动至顶部。 top: 0滚动到top为0。 behavior: 'smooth'平滑的滚动。

换成你自己整个内容区的id或者class。