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

// 点击按钮,返回顶部

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。

相关推荐
WaywardOne13 分钟前
一.iOS Objective-C Runtime 原理
前端·ios
心连欣13 分钟前
轮播图实战:用Web API玩转元素属性操作
前端·javascript·api
张可爱17 分钟前
Git 提示nothing to commit, working tree clean
前端
WaywardOne17 分钟前
二.iOS内存管理
前端·ios·面试
2301_8009769319 分钟前
数据库的基本操作后续
java·数据库·sql
SECS/GEM20 分钟前
SECS/GEM如何实现越南现场自定义消息
java·服务器·数据库
lv__pf35 分钟前
集合框架1
java·开发语言
剑神一笑40 分钟前
从 JSON.parse 到树形视图:实现一个在线 JSON 格式化工具
前端·javascript·json
淸湫1 小时前
JavaScript常用正则表达式大全
前端·javascript