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

// 点击按钮,返回顶部

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。

相关推荐
李小白6611 分钟前
二叉树的练习题(中)
java·数据结构·算法
骑鱼过海的猫12313 分钟前
【redis】redis
java·数据库·redis
漫天转悠13 分钟前
Java21和Java8性能优化详细对比
java
cdcdhj16 分钟前
利用服务工作线程serviceWorker缓存静态文件css,html,js,图片等的方法,以及更新和删除及版本控制
javascript·css·缓存·html
咔咔库奇19 分钟前
【CSS问题】margin塌陷
前端·javascript·css
y250822 分钟前
《抽象类和接口》
java·开发语言
脸红ฅฅ*的思春期24 分钟前
Java安全—log4j日志&FastJson序列化&JNDI注入
java·安全·log4j·fastjson·jndi注入
NMBG2240 分钟前
[JAVAEE] 网络编程
java·服务器·网络·tcp/ip·udp·java-ee
chunmiao303240 分钟前
自建k8s集群,利用开源的GitLab、Jenkins和Harbor实现CI/CD和DevOps的过程回顾
java·开发语言
无敌最俊朗@42 分钟前
c#————委托Action使用例子
java·前端·c#