html5导航栏向应折叠,html5 横向滑动导航栏的方法示例

最近在学习html5，今天看到了一个效果感觉不错，就分享给大家，也给自己留个笔记，具体如下

需要效果

1、首先引入scroll.js

2、html部分

• 全部
• 数学
• 英语
• 语文
• 物理
• 思想品德

3、css部分

/* 滑动导航 */

.nav li {

float: left;

min-width: 60px;

padding: 5px 0;

margin-right: 9px;

}

.nav a{

font-size: 14px;

color: #999;

}

.navMain{

background-color: #fff;

position: relative;

margin: 0 13px;

}

.nav{

background-color: #fff;

overflow: hidden;

}

.nav li>a.active{ <