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

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

 48270  399  查看评论 (57)
分享到微信朋友圈
X
手机移动端可滚动的导航代码 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相关样式文件

相关插件-其他导航

CSS3侧边响应卡片式导航

CSS3侧边响应卡片式导航
  其他导航
 31528  396
  其他导航
 33397  314

纯CSS3扇形导航

纯CSS3打造动感漂亮的扇形菜单
  其他导航
 34082  447

jQuery仿微信自定义菜单

jQuery仿微信自定义菜单全屏自适应手机底部弹出菜单
  其他导航
 25023  287

讨论这个项目(57)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    沉迷学习无法自拔 0
    2020/7/9 17:01:15
    我TM,这还要3JQ。。。我吐了啊。下下来才发现要这么大一堆。。这个功能真的需要这么多? 回复
    ricefoto 0
    2019/12/26 9:11:10
    虽然效果是想要的,但一个导航引用这么一堆……这html还能看么 回复
    areyouOk 0
    2019/10/17 12:43:43
    /sun生・生活 0
    2019/5/9 13:29:19
    Cyf 0
    2019/4/29 15:29:01
    six one 0
    2019/4/12 15:53:36
    额.... 0
    2019/3/19 14:54:11
    为下载而评论 请忽略 回复
    zzz想 0
    2019/2/22 8:42:54
    huifu
        烈火0
        2019/4/11 11:21:57
        是的反对方答复
    回复
    苏州圆通IT 0
    2018/12/27 15:03:37
    这个和那个仿百度的那个差不多 回复
    武子微 0
    2018/10/30 10:30:00
    为下载而答复,请忽略 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复