Southern Wind 2021-12-20 11:25 采纳率: 50%
浏览 129
已结题

使用better-scroll插件为什么会出现回退到初始位置

问题遇到的现象和发生背景

左右联动使用better-scroll后会回退到起始位置
this.scroll.scrollTo(0,-this.allHeight[index],300);写法没问题为什么还会回退到初始位置

问题相关代码,请勿粘贴截图

```javascript
 <!-- 右侧内容部分 -->
      <div class="ultwo"  ref="right">
        <ul  @scroll="scrollClick($event)" >
          <li v-for="(i, ind) in img" :key="ind" class="li">
            <div
              class="ultwodiv"
              v-for="(item, index) in i.app_category_items"
              :key="index"
            >
              <van-image
                width="100%"
                height="80"
                :src="item.cover"
                class="vanimg"
              />
              <p>{{ item.name }}</p>
            </div>
          </li>
        </ul>
      </div>
    


```javascript
onChange(index) {
      // let ul = document.querySelector('ul')
      let uls = this.scroll.content.childNodes;
      console.log(uls);
      let height = 0;
      this.allHeight.push(height);
      uls.forEach((v) => {
        height += v.scrollHeight;
        //  console.log(v.clientHeight);
        this.allHeight.push(height);
        console.log(height);
      });
      console.log();
      this.scroll.scrollTo(0,-this.allHeight[index],300);
    },


```javascript
 mounted() {
    if (!this.scroll) {
          this.$nextTick(() => {
      this.scroll = new b(this.$refs.right, {
        click: true,
      });
      console.log(this.scroll);
    });
    }else{
      this.scroll.refresh()
    }

运行结果及报错内容

img

img

我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-12-21 11:04
    关注

    this.scroll.scrollTo(0,-this.allHeight[index],300);这句延时执行试试,还有onChange怎么调用的?better-scroll什么版本的

    setTimeout(()=>{
    this.scroll.scrollTo(0,-this.allHeight[index],300);
    },200);
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月29日
  • 已采纳回答 12月21日
  • 创建了问题 12月20日

悬赏问题

  • ¥15 vscode的红色箭头爆红和has no default export报错
  • ¥15 关于#sql#的问题:#情况描述 在用vs对项目进行调试时,出现找不到网络路径,然后查看SQL配置工具,发现SQL服务显示远程调用过程失败(相关搜索:防火墙)
  • ¥15 eNSP中基于默认路由及浮动路由的公司与分部互联和校园网综合项目
  • ¥15 主要进行描述泥浆在管路不同区段泥浆的密度不相同,泥浆的密度有高有低,此时管路的摩阻分布需要怎么计算,(标签-matlab)
  • ¥40 通过编制程序计算圆管内层流充分发展对流换热,参数如图5-4,以及公式5-16所示,要求用表5-6对程序计算准确性进行验证
  • ¥20 该学习哪个编程语言? AI会取代程序员吗?
  • ¥15 ensp如何拼通IP地址
  • ¥15 saber软件导入Ibis模型报错
  • ¥15 商城生产日期批次库存问题
  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯