FineReport中如何实现自动滚屏效果

对于一些特殊的模板，可能为了展现的更加丰富、全面会在一个页面放置不少图表。表格等内容。因为内容过多，超出了浏览器窗口的大小致使内容展现不全的状况。这样咱们就须要用到JS滚屏效果来解决，这里主要介绍在FineReport中的具体制做方法。 

 

 

添加加载结束事件

点击菜单模板>模板web属性>分页预览设置，选择“为该模板单独设置”，添加一个“加载结束”后事件，以下图所示：

 

 

JS代码以下：

//从页面加载结束后延迟2000MS执行事件（滚动）
setTimeout(function(){
//当鼠标点击时
$(".content-container").click(function()
{
//若是页面正在执行事件（滚动）
  if(interval)
  {
//取消事件（滚动）
  clearInterval(interval);
  }
})
var old=-1;
//按照指定周期不断的调用滚动事件
var interval=setInterval(function()
{ 
currentpos=$(".content-container")[0].scrollTop;
if (currentpos==old){
//取消事件（滚动）
clearInterval(interval);
//从新加载页面
window.location.reload();
}
else
{
old=currentpos;
//以25MS的速度每次滚动3.5PX
$(".content-container")[0].scrollTop=currentpos+3.5;
}
}
,25);
},2000)

保存与预览

保存模板，点击分页预览，就会出现上面的自动滚动效果。若是想要中止滚动的话，用鼠标左键点击一下窗口便可。