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

// 点击按钮,返回顶部

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 分钟前
CSS——文字渐入效果
前端·css
楠寻寻5 分钟前
Java中注解与反射的详细介绍
java·开发语言·学习·java-ee·idea
Akiiiira7 分钟前
【网页设计】CSS Part2
前端·css
Algorithm15767 分钟前
k3s主从节点设置详细流程
java·k8s
流烟默8 分钟前
CSS 鼠标悬停时让父元素和子元素以不同的方式进行变换
前端·css·transform
Cshaosun11 分钟前
Web开发动画与性能优化
前端·javascript·网络·性能优化
就叫飞六吧15 分钟前
node高版本报错: digital envelope routines::unsupported
前端·javascript·vue.js
anyup_前端梦工厂24 分钟前
JS设计模式之职责链模式:优雅地处理请求流程
前端·javascript·设计模式·责任链模式
小七蒙恩31 分钟前
Java面试宝典-WEB学习
java·前端·面试
yaoxin52112333 分钟前
第四十章 创建安全对话 - 启用 IRIS Web 服务以支持 WS-SecureConversation
前端·python·安全