记得之前高仿过头条tab菜单切换的js动态效果，然后最近想把网站首页也给动态切换了，这样就不用新建页面跳转了，当前页面就可以实现多分类切换。然后就优化了一下之前的效果。如下：

swiper实现Tab菜单和内容联动切换【PC+WAP多端】-QUI-Notes

首先将tab分成两个swiper区域，一个用于横向滚动回弹效果的菜单，第二个作为内容可滑动切换区域。

swiper实现Tab菜单和内容联动切换【PC+WAP多端】-QUI-Notes

实现功能：

1.菜单区域，点击选中，下面内容区域切换到对应的index下；
2.菜单两侧吸边，当选中第一个或最后一个时，实现吸边效果；

3.滑动内容区域，菜单跟着切换。

解压密码

内容查看此隐藏内容查看价格6.9元立即支付
此资源为VIP资源，虚拟商品，售出不退！
资源下载资源下载价格6.9元立即支付
此资源为收费资源，虚拟商品，售出不退！