隐藏滚动条以后怎么使内容填充到滚动条的区域?不然不好排版

隐藏滚动条并且自动滚动的js:

setTimeout(function() {

AutoScroll(["REPORT0", "REPORT4", "REPORT5"]); 

//定义需要跑马灯效果的报表块名字,兼容大小写

}, 2000);

function AutoScroll(e) {

for (i = 0; i < e.length; i++) {

(function(e, i) {

scroll(e, i);

})(e, i);

}

}

function scroll(e, i) {

var $report = $("div[widgetname=" + e[i].toUpperCase() + "]");

//获取对应report的div元素

var $scroll;

if ($report.find(".frozen-center").length != 0) {

$scroll = $report.find(".frozen-center");

} else if ($report.find(".scrollDiv").length != 0) {

$scroll = $report.find(".scrollDiv");

} else {

$scroll = $report.find(".reportContent");

}

//判断是否冻结以及是否安装自定义滚动条插件

var flag = eval("window.flag" + i);

//设置全局flag,控制悬停

if (interval) {

clearInterval(interval);

}

//清除定时器,避免越滚越快

var interval = eval("window.interval" + i);

$report.find("#frozen-center").css('overflow-x', 'hidden');

$report.find("#frozen-center").css('overflow-y', 'hidden');

$report.find("#frozen-north").css('overflow-x', 'hidden');

$report.find("#frozen-north").css('overflow-y', 'hidden');

//冻结情况下隐藏滚动条

$report.find(".reportContent").css('overflow-y', 'hidden');

$report.find(".reportContent").css('overflow-x', 'hidden');

//非冻结情况下隐藏滚动条

flag = true;

$scroll.mouseover(function() {

flag = false;

                $report.find("#frozen-center").css('overflow-x', 'hidden');

$report.find("#frozen-center").css('overflow-y', 'auto');

$report.find("#frozen-north").css('overflow-x', 'hidden');

$report.find("#frozen-north").css('overflow-y', 'auto');

})

//鼠标悬浮,滚动停止

$scroll.mouseleave(function() {

flag = true;

$report.find("#frozen-center").css('overflow-x', 'hidden');

$report.find("#frozen-center").css('overflow-y', 'hidden');

$report.find("#frozen-north").css('overflow-x', 'hidden');

$report.find("#frozen-north").css('overflow-y', 'hidden');

})

//鼠标离开,继续滚动

var old = -1;

interval = setInterval(function() {

if (flag) {

currentpos = $scroll[0].scrollTop;

//获取距顶部距离

if (currentpos == old) {

$scroll[0].scrollTop = 0;

//若已到达底部,则重置

} else {

old = currentpos;

$scroll[0].scrollTop = currentpos + 1.0;

//若未到达底部,则向下移动1.0像素

}

}

}, 100);

//以100ms的频率执行

}

FineReport 普普通通的len 发布于 2021-10-28 09:25
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
zsh331Lv8专家互助
发布于2022-4-22 17:41

-- 决策报表新自适应插件-https://help.fanruan.com/finereport10.0/doc-view-3665.html

-- 隐藏滚动条接口-https://help.fanruan.com/finereport/doc-view-4300.html

——————————————————————

最佳回答
0
吾姓独孤Lv6高级互助
发布于2021-10-28 10:37(编辑于 2021-10-28 11:16)

就是这里再加上宽度为0的设置

image.png

  • 普普通通的len 普普通通的len(提问者) 就是隐藏掉滚动条以后滚动条的区域就会空白 不好用来对齐
    2021-10-28 11:10 
  • 吾姓独孤 吾姓独孤 回复 普普通通的len(提问者) 前面加一列和滚动条差不多宽的呢
    2021-10-28 11:11 
  • 普普通通的len 普普通通的len(提问者) 回复 吾姓独孤 这样不是更不好对其了吗 就算报表块贴合边界 隐藏掉滚动条以后就会有一大块空白
    2021-10-28 11:13 
  • 吾姓独孤 吾姓独孤 回复 普普通通的len(提问者) 那中间再设置下滚动条的宽度为0呢你试试
    2021-10-28 11:16 
  • 普普通通的len 普普通通的len(提问者) 回复 吾姓独孤 请问滚动条的名称是什么?$report.find(\"#webkit-scrollbar\").css(\'width\',\'0px\')这样不行....
    2021-10-28 11:48 
最佳回答
0
用户a4836251Lv5初级互助
发布于2021-10-28 10:39

可以再内容的最后一列添加一个空白列,在设置一下列宽不要太宽,然后内容就不会被挡住了

  • 普普通通的len 普普通通的len(提问者) 没有 我就是想让内容显示在滚动条的区域 不然滚动条隐藏以后他原来的区域就空了,报表十分不好对齐
    2021-10-28 11:11 
  • 4关注人数
  • 406浏览人数
  • 最后回答于:2022-4-22 17:41
    请选择关闭问题的原因
    确定 取消
    返回顶部