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

// 点击按钮,返回顶部

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。

相关推荐
我不想写昵称3 分钟前
【基础篇】1. JasperSoft Studio编辑器与报表属性介绍
java·后端·报表·jasperreport
爱学测试的李木子21 分钟前
性能】JDK和Jmeter的安装与配置
java·开发语言·软件测试·测试工具·jmeter
一叶茶21 分钟前
前端生成docx文档、excel表格、图片、pdf文件
前端·javascript·react
rkmhr_sef22 分钟前
二、Jmeter Web压测
前端·jmeter
softshow102624 分钟前
Solon 集成 activemq-client
java·activemq·java-activemq
组合缺一27 分钟前
solon 集成 activemq-client (sdk)
java·solon·activemq
小马超会养兔子27 分钟前
如何写一个转盘
开发语言·前端·vue
m0_7482329230 分钟前
前端在WebSocket中加入Token
前端·websocket·网络协议
等一场春雨31 分钟前
react websocket 全局访问和响应
前端·websocket·react.js
fxshy38 分钟前
element table 表头header-cell-style设置的表头不生效
前端·javascript·vue.js