用swiper可隐藏滑动导航和内容滑动联动

在一次实现导航可滑动 内容可滑动 内容滑动导航跟着滑动的过程中遇见的问题

我要实现类似今日头条导航滑动 和内容联动导航滑动的功能

swiper实现 原先用swiper的控制器 出现滑动到导航没空间时出现ui错误

之后想用分页器来做 但是分页器分页一行不能超出滑动

只能用内容swiper控制顶部swiper

效果如 滑动导航还有更多选项

用swiper可隐藏滑动导航和内容滑动联动_第1张图片

本人做的是微信开发 用swiper和vue 现贴出自己代码

我的值是监听onSlideChangeStart进行来触发但是遇见一个bug

onSlideChangeStart和onSlideChangeEnd竟然偶尔触发不到;

解决方法:

1.添加 fade:{crossFade:true}

2.切换之后效果, 使用 onSlideChangeEnd(page切换后触发) 会偶尔不触发, 请使用 onTransitionEnd(过度效果结束触发)

现在我们应用到代码中






WeUI













 

 

作者:梁青竹

转载于:https://www.cnblogs.com/itadong/p/7097974.html

你可能感兴趣的:(用swiper可隐藏滑动导航和内容滑动联动)