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

// 点击按钮,返回顶部

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。

相关推荐
江梦寻9 分钟前
最新Chrome与Selenium完美兼容指南(含驱动下载与配置)
前端·chrome·selenium·测试工具·edge·edge浏览器
Menior_14 分钟前
进程地址空间(比特课总结)
前端·chrome
眠修33 分钟前
NoSQL 之 Redis 集群
java·redis·nosql
异常君1 小时前
Apache Curator LeaderSelector:构建高可用分布式领导者选举机制
java·zookeeper·面试
kymjs张涛1 小时前
前沿技术周刊 2025-06-09
android·前端·ios
前端康师傅1 小时前
JavaScript 变量详解
前端·javascript
Sun_light1 小时前
队列:先进先出的线性数据结构及其应用
前端·javascript·算法
Data_Adventure1 小时前
如何在本地测试自己开发的 npm 包
前端·vue.js·svg
萌萌哒草头将军1 小时前
⚓️ Oxlint 1.0 版本发布,比 ESLint 快50 到 100 倍!🚀🚀🚀
前端·javascript·vue.js
ak啊1 小时前
WebGL入门教程:实现场景中相机的视角与位置移动
前端·webgl