小程序锚点定位（通讯录）

原创

已于 2022-09-23 16:36:17 修改 · 790 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

于 2022-08-23 15:14:31 首次发布

1.使用视图容器组件scroll-view

2.在scroll-view中设置属性scroll-into-view，属性值为锚点id

3.在需要的位置设置锚点ID值，点击后将scroll-into-view设置为对应的id即可跳转

示例：名字列表定位

wxml

<scroll-view 
    class="list" 
    style="height: {
  
  {listHeight}}rpx" 
    scroll-into-view="{
  
  {toView}}" 
    scroll-y="true"
>
    <block 
        wx:for="{
  
  {letter}}" 
        wx:key="index" 
        wx:for-item="letter" 
        wx:for-index="index0"
    >
        <view 
            class="list-letter"