帆软列表自动滚动脚本

Xie_bro777

已于 2022-07-02 14:29:47 修改

阅读量2.5k

点赞数

分类专栏：帆软文章标签： javascript 前端 css

于 2022-07-02 10:57:10 首次发布

本文链接：https://blog.csdn.net/xxxxxxxx00772299/article/details/125570264

版权

帆软专栏收录该内容

1 篇文章 0 订阅

订阅专栏

帆软列表自动滚动脚本

使用该脚本时，需将 ‘REPORT0’ 替换为自己报表块的名字

展示效果如下图：

在这里插入图片描述

 setTimeout(function() {
     //隐藏报表块report0的滚动条（此报表块名为report0，根据具体情况修改）
    $("div[widgetname=REPORT0]").find(".frozen-north").css({
        'overflow-x':'hidden',
        'overflow-y':'hidden'
    });
    $("div[widgetname=REPORT0]").find(".frozen-center").css({
        'overflow-x':'hidden',
        'overflow-y':'hidden'
    });
 
},1000);
 
window.flag1 = true;
var self1 = this;
//鼠标悬停，滚动停止
setTimeout(function() {
    $("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function() {
        window.flag1 = false;
    });
 
    //鼠标离开，继续滚动
    $("div[widgetname=REPORT0]").find(".frozen-center").mouseleave(function() {
        window.flag1 = true;
    });
 
    var old = -1;
    var interval = setInterval(function() {
        if (!self1.isVisible()) {
            return;
        }
        if (window.flag1) {
            currentpos1 = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;
            if (currentpos1 == old && 0!=currentpos1) {
                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;
            } else {
                old = currentpos1;
                //以25ms的速度每次滚动1.5PX
                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos1 + 1.5;
            }
        }
    }, 25);
},1000);
setTimeout(function() {
	var a = 'report0'; //获取对应报表块名称
	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);