微信小程序YDUI的ScrollNav组件实现滚动导航效果

发布日期： 2018-02-03 阅读量： 作者： 网络

本文主要为大家详细介绍了微信小程序实现ydui的scrollnav组件，滚动导航效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

DEMO下载

效果图

YDUI的ScrollNav效果图

实现原理

采用双 scroll-view 组件实现双滚动！

WXML

<!--导航滚动 -->
<scroll-view>
 <text>{{item}}</text></scroll-view><!--列表滚动区 --><view>
 <scroll-view>
 <view>
  <view>{{item}}</view>
  <view>{{item}} 列表 {{index}}</view>
 </view>
 </scroll-view></view>

# ScrollNav # YDUI # 小程序

微信小程序YDUI的ScrollNav组件实现滚动导航效果

随便看看