Tab里两个Tab页各有一个滚动报表,但就一个滚动

两个滚动的方式都是一样的,但是第一个tab页的滚动报表始终不滚动,求大神指导,

滚动的JS如下:

window.flag = true;

setTimeout(function() {

$("#frozen-center").mouseover(function() {

window.flag = false;

})

//鼠标悬停,滚动停止 

$("#frozen-center").mouseleave(function() {

window.flag = true;

})

//鼠标离开,继续滚动 

var old = -1;

var interval = setInterval(function() {

if (window.flag) {

currentpos = $("#frozen-center")[0].scrollTop;

if (currentpos == old) {

$("#frozen-center")[0].scrollTop = 0;

} else {

old = currentpos;

$("#frozen-center")[0].scrollTop = currentpos + 1.5;

}

}

}, 50);

//以25ms的速度每次滚动3.5PX 

}, 1000)

FineReport asdfghjklqwert 发布于 2021-3-2 13:38
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
1
烟尘Lv6高级互助
发布于2021-3-2 13:41(编辑于 2021-3-2 13:45)

同一个模版有多个报表块设置滚动的话,需要用模块名称获取滚动对象才可以,否则默认滚动第一个

setTimeout(function(){  

    $("div[widgetname=REPORT2]").find("#frozen-north")[0].style.overflow="hidden";  

    $("div[widgetname=REPORT2]").find("#frozen-center")[0].style.overflow="hidden";  

    },100);  

    //隐藏报表块report2的滚动条  

window.flag=true;  

setTimeout(function(){     

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

{    

  window.flag=false;    

  })  

  //鼠标悬停,滚动停止  

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

{    

  window.flag=true;

  })    

  //鼠标离开,继续滚动  

var old1=-1;     

var interval1=setInterval(function()    

{  

if(window.flag){  

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

   if (currentpos1==old1){  

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

     }    

   else {    

      old1=currentpos1;    

      $("div[widgetname=REPORT2]").find("#frozen-center")[0].scrollTop=currentpos1+1.5;    

        }    

      }  

    },100);  

    //以25ms的速度每次滚动3.5PX  

},1000) 

  • 2关注人数
  • 442浏览人数
  • 最后回答于:2021-3-2 13:45
    请选择关闭问题的原因
    确定 取消
    返回顶部