UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery多级菜单导航及个性滚动条

所属分类：导航-垂直导航

 45378  385  查看评论 (19)
分享到微信朋友圈
X
jQuery多级菜单导航及个性滚动条 ie兼容8
 查看演示  立即下载

实现多级垂直垂直导航，及个性滚动条slimScroll插件的使用注释

相关插件-垂直导航
查看更多

jquery弹性竖导航网页菜单

 此代码内容为jquery弹性竖导航网页菜单，属于站长常用代码，非常漂亮！
  垂直导航
 36894  344

jQuery条件锚点导航

 自动定位锚点导航
  垂直导航
 41041  372

超酷的SVG左侧导航栏特效

 超酷的SVG左侧导航栏特效(Cool SVG left navigation bar effects)
  垂直导航
 53435  612

最强大的手机侧栏

 html5 css3手机侧栏侧栏,完美兼容移动端开发
  垂直导航
 56811  780

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

    世界天王 0
    2019/6/8 22:25:06
    点击最下边caidan的时候能把移动到能看到该按钮的下拉菜单的最底部吗？ 回复
    lujf2050 0
    2019/4/21 18:38:50
    这个导航貌似很多类似的
    回复
    ?^O^? 0
    2018/12/21 13:52:14
    在ie浏览器下下拉有问题 点击任何地方都下拉 有时找不准自己的父级 回复
    刘小样的呗 0
    2018/6/5 9:23:15
    IE8图标显示不出来
        ~?＆?＆点CJ0
        2018/6/14 13:25:22
        这是阿里巴巴图标导出的，兼容不是很好，可以下载https://www.thinkcmf.com/font/font_awesome/icons.html#new奥森图标
    回复
    丫头 0
    2018/5/16 13:52:38
    请问可以鼠标经过时弹出下拉吗
        ~?＆?＆点CJ1
        2018/6/14 13:26:17
        那只需要改变触发事件方式就可以的，
    回复
    √呵呵 0
    2018/4/16 15:05:52
    哦哦 卧槽 我找到相关用法了 我去 回复
    √呵呵 0
    2018/4/16 14:59:05
    我就很蛋疼，你的滚动条出来的时候 slimScrollBar slimScrollRail slimScrollDiv 这三个div是怎么出来的？ 哪部分的代码是相关的呢？哎，看到了没，给我解答下吧.......
        ~?＆?＆点CJ0
        2018/6/14 13:27:01
        这是引用jquery.slimscroll.min.js的
    回复
    √呵呵 0
    2018/4/16 14:50:11
    大哥，在没，你的jquery.slimscroll.min.js里的代码用的闭包？.....我的js没学那么深呢，完全看不懂里面的逻辑，怎么改成在我的页面也能用这个插件呢。。。。。用的哪个类名？在哪调用的这个函数？
        ~?＆?＆点CJ1
        2018/6/14 13:29:17

        这个是现成的，网上下载就直接使用。

        $("#slimtest").slimScroll({
    width: '100%', //可滚动区域宽度
    height: '100%', //可滚动区域高度
    size: '6px', //组件宽度
    color: '#b4b5b5', //滚动条颜色
    position: 'right', //组件位置：left/right
    distance: '0px', //组件与侧边之间的距离
    start: 'top', //默认滚动位置：top/bottom
    opacity: 0.51, //滚动条透明度
    alwaysVisible: false, //是否 始终显示组件
    disableFadeOut: true, //是否 鼠标经过可滚动区域时显示组件，离开时隐藏组件
    railVisible: false, //是否 显示轨道
    railColor: '#e3e3e4', //轨道颜色
    railOpacity: .5, //轨道透明度
    railDraggable: true, //是否 滚动条可拖动
    railClass: 'slimScrollRail', //轨道div类名 
    barClass: 'slimScrollBar', //滚动条div类名
    wrapperClass: 'slimScrollDiv', //外包div类名
    allowPageScroll: true, //是否 使用滚轮到达顶端/底端时，滚动窗口
    wheelStep: 20, //滚轮滚动量
    touchScrollStep: 200, //滚动量当用户使用手势
    borderRadius: '7px', //滚动条圆角
    railBorderRadius: '7px' //轨道圆角
});
    回复
    √呵呵 0
    2018/4/16 14:43:08
    这会儿我又发现，你的页面的class--slimtest1在jquery.slimscroll.min.js里面用到了，但我把我页面的相对应的div也加了个slimtest1的class 还是不起作用呢
        ~?＆?＆点CJ1
        2018/6/14 13:31:31
        需要把上一级块的添加 overflow: hidden;属性
    回复
    √呵呵 0
    2018/4/16 14:30:57
    你好，我想问一下，你的这个滚动条插件是怎么用的？哪部分的代码是滚动条的引用？现在只知道 jquery.slimscroll.min.js 是滚动条插件，在页面引用是 但只是这样，我引到自己的页面不起作用啊，其他哪里有相关的地方？ 回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复