帆软报表块实现滚动效果
这是⼀版新的跑马灯的代码⽚
既可以实现隐藏滚动条,⼜可以实现滚动
相较于官⽅的代码,较为稳定
setInterval(function(){
$("div[widgetname=REPORT0_C]").find("tbody").children().eq(1).children().eq(1).children().css({"overflow-x":"hidden","overflow-y":"hidden"}); $("div[widgetname=REPORT0_C]").find("tbody").children().eq(0).children().eq(1).children().css({"overflow-x":"hidden","overflow-y":"hidden"})
},0);//重复运⾏的间隔时间
window.flag2 =true;
//⿏标悬停,滚动停⽌
setTimeout(function(){
$("div[widgetname=REPORT0_C]").find(".frozen-center").mouseover(function(){html滚动效果代码
window.flag2 =false;
});
//⿏标离开,继续滚动
$("div[widgetname=REPORT0_C]").find(".frozen-center").mouseleave(function(){
window.flag2 =true;
});
var old =-1;
var interval =setInterval(function(){
if(window.flag2){
currentpos2 =$("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop;
if(currentpos2 == old){
$("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop =0;
}else{
old = currentpos2;
//以25ms的速度每次滚动1.5PX
$("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop = currentpos2 +1.5;
}
}
},45);
},1000)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论