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

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

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

image.png

FineReport a-pity 发布于 2019-10-21 13:53 (编辑于 2019-10-21 15:25)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
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)


最佳回答
0
lanseLv4见习互助
发布于2019-10-21 14:41

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

最佳回答
0
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是你的报表块的名字image.png在这看

最佳回答
0
doudekaixinLv6中级互助
发布于2019-10-21 15:39

要不就是没延时。。

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

还能有啥。。

  • a-pity a-pity(提问者) 跟文档里一样写的,单独报表块能用,放进TAB中的报表块,名字也改成大写一致的了 就是没效果
    2019-10-21 15:46 
  • 3关注人数
  • 1475浏览人数
  • 最后回答于:2019-10-24 11:13
    请选择关闭问题的原因
    确定 取消
    返回顶部