手机移动端可滚动的导航代码

所属分类:导航-其他导航

 17154  131  查看评论 (36)
手机移动端可滚动的导航代码 ie兼容11

手机移动端可滚动的导航代码,支持iOS,Android(暂不支持WP)等系统以webkit为内核的浏览器,建议在PC端使用以webkit为内核的浏览器(如:Google Chrome)中缩小浏览器窗口宽度查看效果,PC端查看效果需要用鼠标按住导航拖动以模拟手机上手指拖动的效果。


使用方法:

1.head区域引用样式文件avigator.css,navigator.iscroll.css,navigator.default.css,navigator.iscroll.default.css

2.head区域引用JS文件zepto.js,zepto.extend.js,zepto.ui.js,zepto.iscroll.js,navigator.js,navigator.iscroll.js

3.在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

4.本代码中两种导航效果均需引用所有CSS,JS文件,如需修改样式,可去掉default相关样式文件

相关插件-其他导航

jQuery导航顶部固定

Stickup是一个简单的 jQuery 插件,在页面滚动的时候固定一个元素到浏览器窗口的顶部,让其总是保持在视图中可见。
  其他导航
 31678  98

路径菜单path-menu

巨牛逼的用css3完成的导航!
  其他导航
 11902  69

jQuery菜单插件AnimatedBorderMenus

AnimatedBorderMenus 是个 jQuery 插件,用来创建各种边界隐藏菜单的动画效果,左上角,右上角,左下角,右下角等等地方的边缘菜单,用不同的方式弹出,用户可以自定义图标和菜单的内容。
  其他导航
 6789  63
  其他导航
 11556  64

讨论这个项目(36)回答他人问题或分享插件使用方法奖励jQ币

    大祖ㄟ 0
    2017/3/8 14:13:14

    有没有原生的代码,找了好久了,都以失败告终

    回复
    崔彦平 0
    2017/2/14 16:13:01

    为什么下载下来以后,刚刚加载页面的时候不可以使用,只有刷新页面的时候才能使用

    回复
    睁眼丶十年 0
    2017/2/8 10:48:52

    链接的js文件太多了,不可取

    回复
    不言。 0
    2016/12/22 10:12:14

    和jquery冲突,这点太不好了。二者不可兼得啊。

    回复
    眼眸 0
    2016/11/7 10:11:53
    head里面link不能引用jquery怎么办?
        areyouOk0
        2016/11/7 11:11:16
        那就放到body里面呗。
    回复
    " 0
    2016/8/28 22:08:48
    怎么切换内容?有已经做好的可以参考吗 回复
    ㄗs.???? 0
    2016/8/28 21:08:22
    怎么搞jq币啊
        眼眸0
        2016/11/7 10:11:12
        充钱
    回复
    xxs19910202 0
    2016/7/12 14:07:58
    不知道为什么不能使用requirejs加载?? 回复
    【男爵】美人鱼丶傻木木 0
    2016/7/12 14:07:49
    “.cur”这个样式一直默认在第一个;我自己用JS都不能改变 回复
    【男爵】美人鱼丶傻木木 0
    2016/7/12 14:07:49
    这个为什么加了链接就点不起了呀
        除了青春丶 我们一无所有0
        2016/8/13 10:08:36
        可以点击的 
    回复
取消回复