html5导航滑动(html5导航栏动画)

给装两个分类的div加上overflowscroll试试，分类内部的元素floatleft。

1 楼上想直接要效果的话，直接在百度里面搜索，会有各种特效的，代码直接复制下来就可以了2 如果是想自己学习的话，建议先学习一下html css 3 有个html css的基础之后，可以学习js，js是很重要的一个部分，学到。

我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目，我们说的TAB一般由导航条和TAB对应的内容组成，切换导航条上的标签同时标签对应的内容也会跟着切换我们准备一个TAB导航#pagenavi，里面包含TAB导航要切换的四个导航按钮。

强大的HTML5提供了一种新的标签ltprogress，只需要通过该标签+简单的js，即可以实现进度条滚动的效果代码如下HTML 1 ltprogress max=quot100quot value=quot0quot id=quotpgquotltprogress 这个标签意义很明确，并且属性只有以上两个。

ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0*left0zindex1ltstyleltdiv class=quotfootmenuquotlt！导航具体内容ltdiv。

找到其中的meta，加入viewportfit=cover ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，viewportfit=coverquot 这句话的作用就是在适配手机型号的时候，能够自动补齐安全区域safe area以后的。