Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
小程序模仿通讯录制作软件_小程序一键生成工具,希望能够帮助你!!!。

前几天模仿通讯录做了一个组件

首先他是分为三个部分，一部分是右边的定位按钮，一部分是受控的左边内容，还有一部分就是顶部固定导航。该组件主要用了scrool-view及其一些方法。

在list.wxml里面，使用的scrool-view组件，通过该组件的scroll-into-view来实现点击右侧按钮左侧内容做到跳转锚点，scroll-with-animation="true"来实现滑动的效果，bindscroll来实现华东左侧内容右侧高亮的效果

<view > <!-- 左侧列表内容部分 --> <scroll-view class="content" enable-back-to-top scroll-into-view="{ 
  {toView}}" scroll-y="true" scroll-with-animation="true" bindscroll="onPageScroll"> <view wx:for="{ 
  {listMain}}" wx:for-item="group" wx:key="{ 
  {group.id}}" id="{ 
  { 'inToView'+group.id}}" data-id='{ 
  {group.id}}'> <view class="address_top" >{ 
  {group.region}}</view> <view wx:for="{ 
  {group.brands}}" wx:for-item="item" wx:key="{ 
  {item.brandId}}"> <view class="address_bottom" data-id='{ 
  {item.brandId}}'>{ 
  {item.name}}</view> </view> </view> </scroll-view> <!-- 顶部固定分类 --> <view class="list-fixed { 
  {fixedTitle=='' ? 'hide':''}}" style="transform:translate3d(0,{ 
  {fixedTop}}px,0);"> <view class="fixed-title"> { 
  {fixedTitle}} </view> </view> <!-- 右侧字母导航 --> <view class="orient

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。