伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:UI,韦德1946手机版客户端,其他-滚动,定制和风格,浏览器调整,独立的部件
 63718  418  查看评论 (25)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容6
Basic configuration $(selector).slimScroll();Example of additional settings$(function() {     $(".slimscroll").slimScroll({         width: 'auto', //可滚动区域宽度         height: '100%', //可滚动区域高度         size: '10px', //组件宽度         color: '#000', //滚动条颜色         position: 'right', //组件位置:left/right         distance: '0px', //组件与侧边之间的距离         start: 'top', //默认滚动位置:top/bottom         opacity: .4, //滚动条透明度         alwaysVisible: true, //是否 始终显示组件         disableFadeOut: false, //是否 鼠标经过可滚动区域时显示组件,离开时隐藏组件         railVisible: true, //是否 显示轨道         railColor: '#333', //轨道颜色         railOpacity: .2, //轨道透明度         railDraggable: true, //是否 滚动条可拖动         railClass: 'slimScrollRail', //轨道div类名          barClass: 'slimScrollBar', //滚动条div类名         wrapperClass: 'slimScrollDiv', //外包div类名         allowPageScroll: true, //是否 使用滚轮到达顶端/底端时,滚动窗口         wheelStep: 20, //滚轮滚动量         touchScrollStep: 200, //滚动量当用户使用手势         borderRadius: '7px', //滚动条圆角         railBorderRadius: '7px' //轨道圆角     }); });

Events

slimScroll publishes slimscroll event when scrollbar reaches top or bottom of the parent container. You can use jQuery bind method to subscribe to this event: $(selector).slimScroll().bind('slimscroll', function(e, pos){      console.log("Reached " + pos");  });
相关伟德BETVICTOR-滚动,定制和风格,浏览器调整,独立的部件

视觉滚动差效果

纯css3写的滚动视差效果
  滚动
 4672  31

jQueryScrollPage单页全屏滚动效果

漂亮的jQuery单页全屏滚动,带视差效果
  滚动
 5181  57

js美化div滚动条并兼容IE8

js美化div滚动条并兼容IE8
  滚动
 22648  162

自制高度可定制滚动条伟德BETVICTOR(原创)

自制原生JS高度可定制化的滚动条伟德BETVICTOR,高度自定义,轻量化,浏览器兼容良好
  滚动
 6357  94

讨论这个项目(25)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    雨田君 0
    2017/12/18 11:04:04
    好贵哦,又没人好人求发一个 谢谢!!211530160@qq.com 回复
    孤骛 0
    2017/12/4 10:51:15
    新生唯梦 0
    2017/10/21 12:26:12
    浮游 0
    2017/4/5 16:51:50
    动态添加内容时,怎么控制滚动条位置,让其始终显示在最下面(和微信聊天一样,显示最新发的一条消息) 回复
    hansteve 0
    2017/3/16 9:43:33
    看看再说,不漂亮。 回复
    小卓鸟 0
    2017/3/11 14:30:27
    我爱你,给不给币。 回复
    (???)?此人有毒 3
    2017/3/6 10:01:35
    js文件注意使用jquery伟德BETVICTOR,一定要第一个引用jquery<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="libs/prettify/prettify.js"></script> <script type="text/javascript" src="../jquery.slimscroll.js"></script>CSS样式文件<link href="libs/prettify/prettify.css" type="text/css" rel="stylesheet" />html部分<div style="height:300px;float:left;">     <div class="area">内容信息</div> </div>调用伟德BETVICTOR< script type = "text/javascript" > $(function() { $('.area').slimscroll({ width: '200px', height: 'auto' }).parent().css({ 'float': 'left', 'margin-right': '30px' }); });  < /script>完成。当<div class="area">内容信息</div>中的内容超出外高度300px时就会出现滚动条。给不给币啊 回复
    S,___伟er~ 0
    2016/8/25 10:08:19
    做个自定义滚动条还要这样 回复
    junyi5d 0
    2016/6/24 13:06:46
    和nicescroll差不多
        giauquewei0
        2016/11/23 9:11:17
        nicescroll 支持X轴滚动美化,这个貌似是不支持的。果断pass了。
    回复
    北纬…没有你 0
    2016/6/21 17:06:19
    您好如果是嵌套的iframe mousewheel事件无法执行 不能通过滚动鼠标来滚动页面 请问怎么解决 回复
取消回复