1. 首页
  2. 编程语言
  3. Javascript
  4. Swiper实现导航栏滚动效果

Swiper实现导航栏滚动效果

上传者: 2021-05-07 22:44:52上传 PDF文件 72.24 KB 热度 37次

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

下载地址
用户评论