小程序根据索引滚动指定的位置

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序根据索引滚动指定的位置相关的知识,希望对你有一定的参考价值。

完成的效果大概是这样的

技术图片

实现需要组件
需要的数据

技术图片

简要逻辑说明
  1. 根据数据循环出对应的索引和数据,左侧字母索引悬浮,右侧数据顺序展示
  2. 右侧数据每个view的id对应左侧的字母索引【id不能以数字开头】
  3. 点击左侧字母通过改变scroll-into-view的值就完成了。
代码片段

技术图片

技术图片

以上是关于小程序根据索引滚动指定的位置的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序:scroll-view滚动组件

根据滚动位置播放不同的音频文件

JTable 滚动到指定的行索引

js 页面滚动到指定位置

打开一个网页时,如何指定滚动条去到50%左右中间的位置?

Android Jetpack 导航禁用滚动位置