public/plugins/uploadimgnew/js/scrollBar.js

(开头部分) 17KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

/**
 * Created by Administrator on 2017/9/6.
 */


//Vertical and horizontal
/**
 * 用div的拖拽以及滚动事件代替了滚动条,通过改变div的样式来改变滚动条的样式
 */

;(function($){
    $.fn.extend({
        "scrollBar":function(options){
            var settings = {
                barWidth:5,
                position:"x,y",
                wheelDis:15

            };

            options = $.extend(settings,options);

            var horizontalDiv = '<div class="zl-scrollBarBox" style="width:100%;left:0;height:'+settings.barWidth+'px;bottom:0;">'+
                '<div class="zl-scrollBar zl-horizontalBar" style="height:'+settings.barWidth+'px;border-radius:'+settings.barWidth/2+'px;"></div>'+
                '</div>';
            var verticalDiv = '<div class="zl-scrollBarBox" style="height:100%;top:0;width:'+settings.barWidth+'px;right:0;">'+
                '<div class="zl-scrollBar zl-verticalBar" style="width:'+settings.barWidth+'px;border-radius:'+settings.barWidth/2+'px;"></div>'+
                '</div>';

            var T = this;

            /**
             * 将每个div的padding值保存到自定义属性中
             */

            T.each(function(){

                $(this).attr("paddingR",$(this).css("padding-right")).attr("paddingB",$(this).css("padding-bottom"));

            });
            /**
             *
             *创建滚动条的函数
             */
            function creatScrollBar(obj){

                var This = $(obj).get(0);//转化为JS对象,增加运行效率

                var paddingR = parseFloat($(obj).attr("paddingR"));
                var paddingB = parseFloat($(obj).attr("paddingB"));

                $(obj).css({
                    "padding-right":paddingR+"px",
                    "padding-bottom":paddingB+"px",
                    "overflow":"hidden"
                });

                //获取内容的总高度和总宽度


后面还有 461 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 积分/个。 规则说明

AI 解读 AI

登录后可用,每次 10 积分,解读结果公开显示在下面。

还没有人解读过这个文件。