js设置滚动条的问题

Question

我想实现这样一种效果 我的页面里有很多组单选框 底部有一个提交按钮 我点这个按钮的时候 判断有哪组单选框没有选中 就让滚动条滚动到这组单选框这里 这个有什么好的办法解决 我这个写的没作用
<li v-for="(item,index) in val.optionss" ref='lis'>

     <input type="radio" :name="val.issueId" :id="item.optionsId" :value="item.optionsId" v-model="checkedId[idx]">
     <label :for="item.optionsId"></label><span>{{item.optionsContent}}</span>
   </li>
   
   

for(let i = 0; i < this.questionList.length; i++) {

    if(!this.checkedId[i]) {
      this.noSelect = i;
      document.body.scrollTop = this.$refs.lis[i].offsetTop + this.$refs.lis[i].offsetHeight * i 
      document.documentElement.scrollTop = this.$refs.lis[i].offsetTop  + this.$refs.lis[i].offsetHeight  * i
      break;
    }
  }
  

Answer 1

这个可以考虑，如果兼容比较宽松的话~
scrollIntoView