//注:调整了下文档中的代码结构,没什么特殊需求的话,只要调整第一行非注释代码(REPORT7)就可以了,仅供参考。 //定义作用对象(此例报表块名为REPORT7,根据具体情况修改) var obj = "div[widgetname=REPORT7]"; var objx = "#frozen-north"; var objy = "#frozen-center"; //隐藏报表块obj的滚动条 setTimeout(function(){ $(obj).find(objx)[0].style.overflow = "hidden";//横向 $(obj).find(objy)[0].style.overflow = "hidden";//纵向 },100); //跑马灯效果实现 window.flag = true; setTimeout(function(){ //鼠标悬停,滚动停止 $(obj).find(objy).mouseover(function(){ window.flag = false; }) //鼠标离开,继续滚动 $(obj).find(objy).mouseleave(function(){ window.flag = true; }) var old = -1; //滚动设置 var interval = setInterval(function(){ if(window.flag){ currentpos=$(obj).find(objy)[0].scrollTop; if (currentpos == old){ $(obj).find(objy)[0].scrollTop=0; } else { old = currentpos; //以25ms的速度每次滚动1.5PX $(obj).find(objy)[0].scrollTop=currentpos+1.5; } } },25); },5000);
赞 0 2020-06-05 17:46
请问一个页面多个滚动怎么处理,做了2个,但是只有一个会动,改window.flag也无效
赞 1 2020-06-10 17:33
还有一个跑马灯代码,写在body里面的,可以搜一下 太长了,回复不了
赞 0 2021-04-01 10:50
遇到了同样的问题,请问解决了吗
赞 0 2020-08-14 15:02
77 评论
//注:调整了下文档中的代码结构,没什么特殊需求的话,只要调整第一行非注释代码(REPORT7)就可以了,仅供参考。
//定义作用对象(此例报表块名为REPORT7,根据具体情况修改)
var obj = "div[widgetname=REPORT7]";
var objx = "#frozen-north";
var objy = "#frozen-center";
//隐藏报表块obj的滚动条
setTimeout(function(){
$(obj).find(objx)[0].style.overflow = "hidden";//横向
$(obj).find(objy)[0].style.overflow = "hidden";//纵向
},100);
//跑马灯效果实现
window.flag = true;
setTimeout(function(){
//鼠标悬停,滚动停止
$(obj).find(objy).mouseover(function(){
window.flag = false;
})
//鼠标离开,继续滚动
$(obj).find(objy).mouseleave(function(){
window.flag = true;
})
var old = -1;
//滚动设置
var interval = setInterval(function(){
if(window.flag){
currentpos=$(obj).find(objy)[0].scrollTop;
if (currentpos == old){
$(obj).find(objy)[0].scrollTop=0;
}
else {
old = currentpos;
//以25ms的速度每次滚动1.5PX
$(obj).find(objy)[0].scrollTop=currentpos+1.5;
}
}
},25);
},5000);
赞 0 2020-06-05 17:46
请问一个页面多个滚动怎么处理,做了2个,但是只有一个会动,改window.flag也无效
赞 1 2020-06-10 17:33
还有一个跑马灯代码,写在body里面的,可以搜一下
太长了,回复不了
赞 0 2021-04-01 10:50
遇到了同样的问题,请问解决了吗
赞 0 2020-08-14 15:02