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

// 点击按钮,返回顶部

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。

相关推荐
Hilaku2 分钟前
低代码是“未来”还是“骗局”?作为前端我被内耗到了
前端·javascript·低代码
周某某~3 分钟前
五.建造者模式
java·设计模式·建造者模式
陈_杨4 分钟前
鸿蒙5开发宝藏案例分享---内存优化实战指南
前端
YuTaoShao6 分钟前
Java八股文——Spring「SpringMVC 篇」
java·开发语言·spring
罗迪尼亚的熔岩7 分钟前
在C# 中使用建造者模式
java·c#·建造者模式
陈_杨8 分钟前
鸿蒙5开发宝藏案例分享---Grid性能优化案例
前端
我想说一句9 分钟前
今天我又被JavaScript的this绑架了!🚨
前端·javascript·面试
Sun_light12 分钟前
AI代替大脑:用Trae助手开发颜色记忆小游戏全流程实录
前端·人工智能·html
薛定谔的算法13 分钟前
JavaScript基础核心:从变量声明到作用域的深度解析
前端
vortex514 分钟前
Yakit 热加载入门学习指南
java·服务器·前端