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

// 点击按钮,返回顶部

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。

相关推荐
潲爺13 分钟前
Java IDEA学习之路:第九周课程笔记归纳
java·学习·intellij-idea
克里斯蒂亚L16 分钟前
开发一个计时器组件
前端·浏览器
化作星辰22 分钟前
java 给鉴权kafka2.7(sasl)发送消息权限异常处理
java·大数据·开发语言·kafka
克里斯蒂亚诺更新26 分钟前
微信小程序 点击某个marker改变其大小
开发语言·前端·javascript
user_admin_god35 分钟前
企业级管理系统的站内信怎么轻量级优雅实现
java·大数据·数据库·spring boot
q***829136 分钟前
Spring Boot 3.3.4 升级导致 Logback 之前回滚策略配置不兼容问题解决
java·spring boot·logback
Kuo-Teng44 分钟前
LeetCode 206: Reverse Linked List
java·算法·leetcode·职场和发展
yaoxin5211231 小时前
237. Java 集合 - 对 List 元素进行排序
java·windows
yaoxin5211231 小时前
236. Java 集合 - 使用索引访问 List 元素
java·windows·list
天才奇男子1 小时前
从零开始搭建Linux Web服务器
linux·服务器·前端