Swiper导航栏滚动效果如何实现长尾词？

本文共计728个文字，预计阅读时间需要3分钟。

在一些移动App中，我们经常能看到导航栏可以滚动。例如，在vant的官方文档中可以看到，这样的滚动效果可以利用Swiper实现。实现思路是，以当前点击的标签为起点，滚动到对应的当前位置。

在一些移动app中，总能看到导航栏是可以滚动，下列例子是在vant的官方文档中看到的，这样的滚动效果利用Swiper也可以实现，效果实现的思路是，根据当前点击的“标签”为起点，当前标签”的位置大于视口的一半时，让容器的位置偏移一定的位置，让当前点击的“标签”始终在视口的中间位置。