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

// 点击按钮,返回顶部

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。

相关推荐
i220818 Faiz Ul27 分钟前
动漫商城|基于springboot + vue动漫商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·动漫商城系统
海兰42 分钟前
【实战】MCP 服务在 Nacos 中注册状态分析与优化
android·java·github·银行系统·银行ai
zk_one1 小时前
【无标题】
开发语言·前端·javascript
Makoto_Kimur1 小时前
Java 打印模板大全
java·开发语言·排序算法
程序员榴莲1 小时前
Java(十)super关键字
java·开发语言
HAPPY酷2 小时前
Python高级架构师之路——从原理到实战
java·python·算法
ybwycx2 小时前
SpringBoot下获取resources目录下文件的常用方法
java·spring boot·后端
PrDf22Iw82 小时前
CPU ↔ DRAM(内存总线)的可持续数据传输带宽
java·运维·网络
AIBox3652 小时前
openclaw api 配置排查与接入指南:网关启动、配置文件和模型接入全流程
javascript·人工智能·gpt
代码改善世界2 小时前
【matlab初阶】matlab入门知识
android·java·matlab