本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果,供大家参考,具体内容如下
效果图
实现原理
利用scroll-view的scroll-into-view属性进行定位;
利用scroll-view的scroll-with-animation属性实现滚动动画过度。
WXML
<view class=right-nav>
<view bindtap=getCurrentCode class={{chooseIndex == index ? '.city-list-active' : ''}} wx:for={{cityList}} style=he