当前位置:聪少自媒体网 > 今日头条 > 正文

仿今日头条APP顶部点击可居中导航

2020-10-05 今日头条 聪少自媒体

查看演示

website

立即下载

插件描述:H5顶部导航条, 仿今日头条APP顶部点击可居中导航。该导航可手动左右滑动,点击选中后,选中项自动居中显示。

注:请在移动端预览,PC端无效果。

文件包包含JS、CSS文件 和 案例文件index.html,(注:导航为swiper插件)。

1、引入JS和CSS文件

2、编写导航HTML,并设置ID,因为是基于swiper插件,所有HTML必须符合swiper规则。

推荐

热点

更多

更多

3、设置对象动作

var TouchNav = new Swiper('#TouchNav', {

freeMode: true,

freeModeMomentumRatio: 0.5,

slidesPerView: 'auto',

});

详细操作可依据案例文件进行。

PREVIOUS:

NEXT:

粉碎立方体小游戏

jQuery轮播图支持手机端拖拽轮播(原创)

聪少爱学堂聪少
聪少爱学堂创始人,梅州市鹏鑫网络科技有限公司CEO,09年开始踏入互联网,10年互联网行业经验,资深自媒体人,自媒体优秀导师,咪挺微商团对营销引流顾问,业务包含:精准引流技术/代引流精准粉,专业小红书,知乎,微博代运营。
  • 38988文章总数
  • 1491133访问次数
  • 建站天数
  • 合作伙伴