html实现左右滑动导航栏的方法

  介绍

这篇文章给大家分享的是有关html实现左右滑动导航栏的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

背景:

最近在写一个公众号项目时遇到需要动态生成菜单可滑动,在之前的android开发中实现通过v7包中提供的组件即可完成。那么,在网页的开发中需要如何实现这个功能呢?

可以通过swiper.js来实现可滑动菜单。

以下需引入swiper.css,偷窃者。js .

html部分:

& lt; div类=皊wiper-container"比;   & lt; div类=皊wiper-wrapper"祝辞   & lt; div类=皊wiper-slide"祝辞slider1
  & lt; div类=皊wiper-slide"祝辞slider2
  & lt; div类=皊wiper-slide"祝辞slider3