钻取地图获取数据跑马灯悬停问题

我弄了一个地图钻取的,区域-省-市,点击区域,报表块REPORT2显示对应区域内容;点击省,报表块显示对应省内容.......

初始化时,报表块REPORT2显示所有内容,问题来了:

初始化后的报表块数据正常的跑马灯滚动效果,鼠标操作后也可以正常悬停,但钻取获取区域、省及市数据时,报表块数据跑马灯滚动效果是正常的,但是悬停效果没了,不知为何,我的代码如下:

setTimeout(function() {

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

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

},3000);

window.flag1 = true;

var self1 = this;

//鼠标悬停,滚动停止

setTimeout(function() {

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

window.flag1 = false;

});

//鼠标离开,继续滚动

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

window.flag1 = true;

});

var old = -1;

var interval = setInterval(function() {

if (!self1.isVisible()) {

return;

}

if (window.flag1) {

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

if (currentpos1 == old && 0!=currentpos1) {

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

} else {

old = currentpos1;

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

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

}

}

},

100);

},

3000);

chyou 发布于 2022-5-18 22:10
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
snrtuemcLv8专家互助
发布于2022-5-19 07:57(编辑于 2022-10-21 20:35)

这个暂时无好的方案,其实目前,数据刷新后,隐藏滚动条也会出现

初始化事件只能触发一次setTimeout事件,刷新数据后就失效了

跑马灯因为是setInterval事件,所以定时触发不受影响。。。

=======================

10.0版本(没有安装新自适应插件的),一个方案,可以隐藏滚动条,刷新也会隐藏

添加初始化事件

var style=document.createElement('style');

style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。

document.head.appendChild(style);

document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)

document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

  • 2关注人数
  • 387浏览人数
  • 最后回答于:2022-10-21 20:35
    请选择关闭问题的原因
    确定 取消
    返回顶部