-
UID:838597
-
- 注册时间2015-08-20
- 最后登录2019-04-12
- 在线时间36小时
-
- 发帖62
- 搜Ta的帖子
- 精华0
- 黑豆286
- 威望283
- 贡献值0
- 交易币0
- 红豆0
-
访问TA的空间加好友用道具
- 发帖
- 62
- 黑豆
- 286
- 威望
- 283
- 贡献值
- 0
- 交易币
- 0
- 红豆
- 0
|
对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到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)
保存与预览保存模板,点击分页预览,就会出现上面的自动滚动效果。如果想要停止滚动的话,用鼠标左键点击一下窗口即可。
|