swiper插件做tab自动居中,解决滑动点击无效

在做微信开发的时候遇到tab点击自动居中的问题;当时用到了swiper插件;找了当时的官网的今日头条demo,但是在使用过程中发现点击过程中很容易使得tab发生左右移动;

这是demo中的配置;

再自己家一些配置

　　

对照着官方文档再设置一下这些参数就好了:

freeMode: 默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动且不会贴合。

freeModeMomentumRatio:free模式动量值（移动惯量）。设置的值越大，当释放slide时的滑动距离越大。

freeModeMomentumVelocityRatio:free模式惯性速度，设置越大，释放后滑得越快。

freeModeMomentumBounceRatio:值越大产生的边界反弹效果越明显，反弹距离越大

官方文档

 

转载于:https://www.cnblogs.com/dragonet-d/p/7559849.html