猫猫儿
猫猫儿
  • 发布:2020-03-27 22:07
  • 更新:2021-09-14 11:52
  • 阅读:2534

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

分类:nvue

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

2020-03-27 22:07 负责人:无 分享
已邀请:
DCloud_uniAD_HDX

DCloud_uniAD_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>  

  • 突然好想你

    这个滚动感觉位置不对,而且没法把动画去掉


    2020-07-07 18:02

DCloud_uniAD_HDX

DCloud_uniAD_HDX

<list scroll-top="10"></list>,HBuilderX 2.7.0 + 支持

s***@163.com

s***@163.com - 李杨

scroll-top 苹果设置不显示问题 怎么处理?

该问题目前已经被锁定, 无法添加新回复