决策报表《报表块》隐藏滚动条+列表循环滚动

楼主
我是社区第143858位番薯,欢迎点我头像关注我哦~

//隐藏滚动条

setTimeout(function() {

var a = 'report_7days'; //获取对应报表块名称

var b = a.toUpperCase(); //防止大小写出现误差,此处自动将名称转成大写

var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度

$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度

var height = ($("div[widgetname='" + b + "']").height() - 16) + 'px'; //获取报表块高度

$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度

}, 100);

 

//列表循环滚动

//注:决策报表内有多个报表块都需滚动的话,每个报表块内的window变量可能要重命名下,window下的变量为全局变量

//注:报表块名称需要大写

window.flag = true; 

var self = this;

//鼠标悬停,滚动停止

setTimeout(function() {

    $("div[widgetname=REPORT_7DAYS]").find(".frozen-center").mouseover(function() {

        window.flag = false;

    });

 

    //鼠标离开,继续滚动

    $("div[widgetname=REPORT_7DAYS]").find(".frozen-center").mouseleave(function() {

        window.flag = true;

    });

 

    var old = -1;

    var interval = setInterval(function() {

        if (!self.isVisible()) {

            return;

        }

        if (window.flag) {

            currentpos = $("div[widgetname=REPORT_7DAYS]").find(".frozen-center")[0].scrollTop;

            if (currentpos == old && 0!=currentpos) {

                $("div[widgetname=REPORT_7DAYS]").find(".frozen-center")[0].scrollTop = 0;

            } else {

                old = currentpos;

                //以65ms的速度每次滚动1.5PX

                $("div[widgetname=REPORT_7DAYS]").find(".frozen-center")[0].scrollTop = currentpos+1.5;

            }

        }

    },

    65);//以65ms的速度

},

1000);

 

//隐藏滚动条,滚动列表结束

分享扩散:

沙发
发表于 2024-9-6 17:16:52
setTimeout(function() {
    var widgetName = 'REPORT_7DAYS';
    var upperWidgetName = widgetName.toUpperCase();
   
    var $widget = $("div[widgetname='" + upperWidgetName + "']");
   
    var width = ($widget.width() - 17) + 'px';
    var height = ($widget.height() - 16) + 'px';
   
    $widget.css({
        'width': width,
        'height': height,
        'overflow': 'hidden' // 隐藏滚动条
    });
}, 100);

window.flag = true;
var self = this;

setTimeout(function() {
    var $frozenCenter = $("div[widgetname=REPORT_7DAYS]").find(".frozen-center");

    $frozenCenter.mouseover(function() {
        window.flag = false;
    });

    $frozenCenter.mouseleave(function() {
        window.flag = true;
    });

    var oldScrollTop = -1;
    var interval = setInterval(function() {
        if (!self.isVisible()) {
            return;
        }

        if (window.flag) {
            var $element = $frozenCenter[0];
            var currentScrollTop = $element.scrollTop;

            if (currentScrollTop === oldScrollTop && currentScrollTop !== 0) {
                $element.scrollTop = 0;
            } else {
                oldScrollTop = currentScrollTop;
                $element.scrollTop += 1.5; // 每次滚动1.5PX
            }
        }
    }, 65);
}, 1000);
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1回帖数 2关注人数 12178浏览人数
最后回复于:2024-9-6 17:16

返回顶部 返回列表