swiper实现Tab菜单和内容联动切换【PC+WAP多端】
七娃博客
265人阅读
记得之前高仿过头条tab菜单切换的js动态效果,然后最近想把网站首页也给动态切换了,这样就不用新建页面跳转了,当前页面就可以实现多分类切换。然后就优化了一下之前的效果。如下:
首先将tab分成两个swiper区域,一个用于横向滚动回弹效果的菜单,第二个作为内容可滑动切换区域。

实现功能:
1.菜单区域,点击选中,下面内容区域切换到对应的index下;
2.菜单两侧吸边,当选中第一个或最后一个时,实现吸边效果;
3.滑动内容区域,菜单跟着切换。
解压密码
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章
原始出处 、作者信息和本声明。否则将追究法律责任。
评论 | 0 条评论
登录之后才可留言,前往登录