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

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

思路: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" });
    },

你可能感兴趣的:(javascript,前端)