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

// 点击按钮,返回顶部

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。

相关推荐
optimistic_chen44 分钟前
【AI Agent 全栈开发】MCP
java·linux·运维·人工智能·ai编程·mcp
D_jing201 小时前
Vue 3 + Element Plus 重置el-drawer样式失效
前端·javascript·vue.js
__log1 小时前
Vue 3 与 React 18+ 核心技术深度对比:从源码到实战
前端·vue.js·react.js
很晚很晚了5 小时前
纯前端转全栈 Day 1:我从第一个 NestJS 接口开始
前端
Lee川6 小时前
从零解剖一个 AI Agent Tool是如何实现的
前端·人工智能·后端
wangruofeng7 小时前
Playwright 深度调研:为什么它成了浏览器自动化的新底座
前端·测试
2401_833269308 小时前
Java网络编程入门
java·开发语言
金銀銅鐵8 小时前
[Java] 如何将 Lambda 表达式对应的类保存到 class 文件中?
java·后端
それども9 小时前
Gradle 构建疑难杂症 Could not find netty-transport-native-epoll-linux-aarch_64.ja
java·服务器·gradle·maven
正儿八经的少年9 小时前
application.yml 系列配置文件作用与区别
java·配置文件