报表块数据滚动与暂停及地图联动问题

1. 上下两个报表块,写了相同的js来控制数据滚动与鼠标悬停使停止滚动,只是引用的报表款名称不同,但是鼠标悬停到其中一个,两个报表块的数据都会停止;
2. 点击钻取地图,联动这两个报表块后,鼠标悬停后,都不停止滚动;
3. 点击钻取地图上的目录,中国,后,鼠标悬停第一个报表块,停止滚动,但是悬停到下面一个报表块,数据滚动速度变慢,但是没有停止;

js:

setInterval(function() {


    //隐藏报表块培训覆盖率列表的滚动条


    $("div[widgetname=培训覆盖率列表]").find(".frozen-north")[0].style.overflow = "hidden";


    $("div[widgetname=培训覆盖率列表]").find(".frozen-center")[0].style.overflow = "hidden";


}, 1000);

window.flag = true;

setTimeout(function() {

$("div[widgetname=培训覆盖率列表]").find("#frozen-center").mouseover(function() {

window.flag = false;

})

//鼠标悬停,滚动停止 

$("div[widgetname=培训覆盖率列表]").find("#frozen-center").mouseleave(function() {

window.flag = true;

})

//鼠标离开,继续滚动 

var old = -1;

var interval = setInterval(function() {

if (window.flag) {

currentpos = $("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop;

if (currentpos == old) {

$("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop = 0;

} else {

old = currentpos;

$("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop = currentpos + 1.5;

}

}

}, 75);

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

}, 1000)


FineReport 用户e1667587 发布于 2021-1-28 10:59
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
L大大Lv7高级互助
发布于2021-1-28 11:05

两个JS里面的flag名不能重复,类似flag1,flag2

  • 用户e1667587 用户e1667587(提问者) 感谢,调整之后,刚进入预览,都正常了。 但是,点击钻取地图进入下一层联动后,鼠标悬停后,都不停。 点击钻取地图目录上的中国后,第一个报表块述标悬停,滚动变慢,但不停,下一个报表块正常停
    2021-01-28 14:09 
  • L大大 L大大 回复 用户e1667587(提问者) 初始化后事件对吧 JS里面调用最好还是用英文名,你联动后传参还需要滚动?
    2021-01-28 14:15 
  • 用户e1667587 用户e1667587(提问者) 回复 L大大 是初始化时间 没联动之前滚动展示的是全国的数据,传参联动后,滚动展示的是某个省的数据
    2021-01-28 14:27 
  • 2关注人数
  • 455浏览人数
  • 最后回答于:2021-1-28 11:05
    请选择关闭问题的原因
    确定 取消
    返回顶部