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

// 点击按钮,返回顶部

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。

相关推荐
海螺先生12 分钟前
Cursor 高阶使用指南:AI 辅助开发的深度整合
前端
我在北京coding13 分钟前
Uncaught ReferenceError: process is not defined
前端·javascript·vue.js
闲敲棋子落灯华13 分钟前
java学习笔记(三)--java包的引入、访问控制、类的继承、super关键字、重载、重写、运算符、拆箱
java·后端
Hilaku14 分钟前
我为什么觉得 React 正在逐渐失去吸引力?
前端·react.js·前端框架
程序员岳焱15 分钟前
Java 使用 Spring AI 的 10 个实用技巧
java·后端·程序员
用户527096487449016 分钟前
🎨 Stylelint:让你的 CSS 代码优雅如诗
前端
日升16 分钟前
AI 组件库-MateChat 组件大全与主题定制
前端·ai编程·trae
张成AI16 分钟前
A2A JS SDK 完整教程:快速入门指南
javascript·agent·a2a
龚思凯19 分钟前
TypeScript 中 typeof 的全面解析:从基础用法到高级技巧
前端·typescript
Bug改不动了19 分钟前
迁移达梦数据库过程中,如何快速识别需要改写的Mapper SQL方法
java·mybatis