需求:答题页面,在提交答题的时候跳转到未答题题目的位置。
思路:1、为每个题目设置一个id
2、提交的时候判断是否答题,未答题则拿到本个题目的id
3、跳转锚点
实现:
1、为每个题目设置id
<template v-for="item in datas">
<div
class="ztxx_item"
v-if="item.FLID == parentItem.ZBID"
:key="item.ZBID"
:id="item.ZBID"
></div>
</template>
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" });
},