小程序bindscroll保存值时js中的值和页面中的值存在延迟？

Question

问题描述

通过bindscroll的滚动事件拿到当前的高度再跟数组中的值进行比较设置左侧当前的类目

问题出现的环境背景及自己尝试过哪些方法

滚动事件已经触发了，在js中打印值也已经发生了变化，页面中会等待一会才会发生数据的改变。
而且延迟时间有时候很长十几秒，有时候很短瞬间同步。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
scroll: function(t) {

var that =this;
var a = this.data.dataheith, e = this.data.catalogSelect;

  for (var o = t.detail.scrollTop, s = 0; s < a.length; s++){
      if (o <= a[s]) {
        if(e !=a[s]){
          this.setData({
            scroll_top: o,
            catalogSelect: s,
            toType: "type" + (s - 2)
          });
          break;
        }

      }
  }
console.log(that.data.catalogSelect)
},

你期待的结果是什么？实际看到的错误信息又是什么？

为什么数值发生了卡顿，在js中已经成功的答应，在html中的延迟是怎么出来的？

Answer 1

已解决，是自己判断问题，导致了大量的setdata

Answer 2

我没有大量 setData 为什么 也是这种情况呢