分类：Swiper滚动

2020
10-16

Swiper实现导航栏滚动效果

在一些移动app中，总能看到导航栏是可以滚动，下列例子是在vant的官方文档中看到的，这样的滚动效果利用Swiper也可以实现，效果实现的思路是，根据当前点击的“标签”为起点，当前标签”的位置大于视口的一半时，让容器的位置偏移一定的位置，让当前点击的“标签”始终在视口的中间位置。1、引入相关插件<linkrel="stylesheet"href="../css/swiper.css"><scriptsrc="http://www.jq22.com/jquery/jquery-1.7.1.js"></script><sc... 继续阅读 >