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

DEMO下载

效果图

实现原理

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

WXML

WXSS

JS

注意

• scroll-view 组件如果横向滚动必须要有一个可视宽度，纵向滚动必须要有一个可视高度；

• 滚动的定位采用 scroll-view 组件的 scroll-into-view 属性，用 id 进行定位。

以上就是微信小程序 YDUI 的 ScrollNav 组件实现滚动导航效果剖析的详细内容！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。