js跳转到指定元素位置，跳转锚点位置，跳转未答题位置。

2024-07-08 15:45| 来源: 网络整理| 查看: 265

需求：答题页面，在提交答题的时候跳转到未答题题目的位置。

思路：1、为每个题目设置一个id

2、提交的时候判断是否答题，未答题则拿到本个题目的id

3、跳转锚点

实现：

1、为每个题目设置id

2、获取未答题id

项目不同获取方式也不同就不写了hhh

3、跳转锚点（这里多增加了一个偏移量让跳转的位置在屏幕的中上位置）

scrollToUnanswered(id) { var unansweredElement = document.getElementById(id); var offset = 100; // 设置向上偏移的像素值 var topOffset = unansweredElement.getBoundingClientRect().top + window.pageYOffset - offset; window.scrollTo({ top: topOffset, behavior: "smooth" }); },

【本文地址】

公司简介

联系我们