使页面滚动到指定位置

孜然卷k

已于 2022-08-01 16:24:48 修改

阅读量321

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript学习文章标签：前端 javascript

于 2022-08-01 15:03:46 首次发布

本文链接：https://blog.youkuaiyun.com/M_E_i/article/details/126101569

26 篇文章

订阅专栏

这篇博客介绍了如何实现网页交互功能，当用户点击试卷中的题号时，页面能自动滚动到对应的试题位置。通过JavaScript获取题号元素并计算其位置，然后设置文档滚动条达到平滑滚动的效果，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求背景是做一个点击某试卷题号，页面滚动到对应位置

let div = document.getElementById(id)//获取题号id对应元素
document.documentElement.scrollTop = div.getBoundingClientRect().top//滚动到指定位置