如何设置nvue页面中list的滚动条位置？

分类：nvue

nvue uniapp

如题，文档社区百度都搜过都没找到。

2020-03-27 22:07 负责人:无分享

3 个回复

DCloud_uni-ad_HDX

目前不支持设置具体数值，需求已在排期中
当前版本解决方案：

<template>  
  <div class="list">  
    <list class="scroller">  
      <cell class="row" v-for="(name, index) in rows" :ref="'item' index">  
        <text class="text" :ref="'text' index">{{name}}</text>  
      </cell>  
    </list>  
    <div class="group">  
      <text @click="goto10" class="button">Go to 10</text>  
      <text @click="goto20" class="button">Go to 20</text>  
    </div>  
  </div>  
</template>  

<script>  
  const dom = weex.requireModule('dom')  

  export default {  
    data () {  
      return {  
        rows: []  
      }  
    },  
    created () {  
      for (let i = 0; i < 30; i  ) {  
        this.rows.push('row '   i)  
      }  
    },  
    methods: {  
      goto10 (count) {  
        const el = this.$refs.item10[0]  
        dom.scrollToElement(el, {})  
      },  
      goto20 (count) {  
        const el = this.$refs.item20[0]  
        dom.scrollToElement(el, { offset: 0 })  
      }  
    }  
  }  
</script>