Tab块内数据轮播，鼠标悬浮停止轮播

Tab块中放入报表块，使报表块进行上下滚动轮播效果，鼠标悬停停止轮播，

当前js代码给单独报表块可用，写进TAB块中的报表块就没效果了

FineReport a-pity 发布于 2019-10-21 13:53 （编辑于 2019-10-21 15:25）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：4 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共4回答

最佳回答

a-pityLv2见习互助
发布于2019-10-24 11:13

setTimeout(function() {

$("div[widgetname=REPORT6]").find(".scrollDiv").css('overflow-x', 'hidden');

$("div[widgetname=REPORT6]").find(".scrollDiv").css('overflow-y', 'hidden');

}, 100);

window.flag = true;

setTimeout(function() {

$(".scrollDiv").mouseover(function() {

window.flag = false;

})

$(".scrollDiv").mouseleave(function() {

window.flag = true;

})

var old = -1;

window.interval2 = setInterval(function() {

if (window.flag) {

currentpos = $("div[widgetname=REPORT6]").find(".scrollDiv")[0].scrollTop;

if (currentpos == old) {

$("div[widgetname=REPORT6]").find(".scrollDiv")[0].scrollTop = 0;

} else {

old = currentpos;

$("div[widgetname=REPORT6").find(".scrollDiv")[0].scrollTop = currentpos + 1.5;

}

}, 50);

}, 3000)

lanseLv4见习互助
发布于2019-10-21 14:41

report里没有鼠标悬停事件，可能需要编码实现，可以参考 https://help.finereport.com/doc-view-2478.html 了解下。

举报收起评论(1)

a-pity(提问者) 更新了题目麻烦看下

2019-10-21 15:26

shirokoLv6资深互助
发布于2019-10-21 15:25（编辑于 2019-10-21 15:57）

https://help.finereport.com/doc-view-2393.html

参考文档

你抄的代码中$("#frozen-center")是为了指向被冻结的的报表内容的。你不改动抄过来，如果你没设置冻结自然找不到对应的滚动内容。

如果不设置冻结就都改成$("div[widgetname=REPORT1]")，report1是你的报表块的名字在这看

doudekaixinLv6中级互助
发布于2019-10-21 15:39

要不就是没延时。。

要不就是你报表块名字写错了。

还能有啥。。

举报收起评论(1)

a-pity(提问者) 跟文档里一样写的，单独报表块能用，放进TAB中的报表块，名字也改成大写一致的了就是没效果

2019-10-21 15:46

3关注人数

1512浏览人数

最后回答于：2019-10-24 11:13

活动推荐更多

热门课程更多

请选择关闭问题的原因

确定取消

提问

悬赏者（2）

撤回悬赏（2）

添加悬赏

请选择关闭问题的原因