資訊專欄INFORMATION COLUMN
摘要：由于內(nèi)容過多，超出了瀏覽器窗口的大小導(dǎo)致內(nèi)容展示不全的情況。這樣我們就需要用到滾屏效果來解決，這里主要介紹在中的具體制作方法。如果想要停止?jié)L動(dòng)的話，用鼠標(biāo)左鍵點(diǎn)擊一下窗口即可。
對于一些特殊的模板，可能為了展示的更加豐富、全面會(huì)在一個(gè)頁面放置很多圖表。表格等內(nèi)容。由于內(nèi)容過多，超出了瀏覽器窗口的大小導(dǎo)致內(nèi)容展示不全的情況。這樣我們就需要用到JS滾屏效果來解決，這里主要介紹在FineReport中的具體制作方法。
添加加載結(jié)束事件
點(diǎn)擊菜單模板>模板web屬性>分頁預(yù)覽設(shè)置，選擇“為該模板多帶帶設(shè)置”，添加一個(gè)“加載結(jié)束”后事件，如下圖所示：
JS代碼如下：
//從頁面加載結(jié)束后延遲2000MS執(zhí)行事件（滾動(dòng)）
setTimeout(function(){
//當(dāng)鼠標(biāo)點(diǎn)擊時(shí)
$(".content-container").click(function()
{
//如果頁面正在執(zhí)行事件（滾動(dòng)）
if(interval)
{
//取消事件（滾動(dòng)）
clearInterval(interval);
}
})
var old=-1;
//按照指定周期不斷的調(diào)用滾動(dòng)事件
var interval=setInterval(function()
{
currentpos=$(".content-container")[0].scrollTop;
if (currentpos==old){
//取消事件（滾動(dòng)）
clearInterval(interval);
//重新加載頁面
window.location.reload();
}
else
{
old=currentpos;
//以25MS的速度每次滾動(dòng)3.5PX
$(".content-container")[0].scrollTop=currentpos+3.5;
}
}
,25);
},2000)
保存與預(yù)覽
保存模板，點(diǎn)擊分頁預(yù)覽，就會(huì)出現(xiàn)上面的自動(dòng)滾動(dòng)效果。如果想要停止?jié)L動(dòng)的話，用鼠標(biāo)左鍵點(diǎn)擊一下窗口即可。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81933.html
摘要：問題描述，組織樹報(bào)表中由與父來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此提供了一種特殊的數(shù)據(jù)集樹數(shù)據(jù)集，只需要簡單的設(shè)置就能自動(dòng)遞歸出層級(jí)，方便的實(shí)現(xiàn)如下圖組織樹報(bào)表圖一圖二構(gòu)建樹新建報(bào)表，添加數(shù)據(jù)集新建 問題描述FineReport，組織樹報(bào)表中由id與父id來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此FineR...
摘要：組織樹報(bào)表中由與父來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此提供了一種特殊的數(shù)據(jù)集樹數(shù)據(jù)集，只需要簡單的設(shè)置就能自動(dòng)遞歸出層級(jí)，方便的實(shí)現(xiàn)如下圖組織樹報(bào)表圖一圖二構(gòu)建樹新建報(bào)表，添加數(shù)據(jù)集新建工作薄，添 組織樹報(bào)表中由id與父id來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此FineReport提供了一種特殊的數(shù)據(jù)...
摘要：組織樹報(bào)表中由與父來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此提供了一種特殊的數(shù)據(jù)集樹數(shù)據(jù)集，只需要簡單的設(shè)置就能自動(dòng)遞歸出層級(jí)，方便的實(shí)現(xiàn)如下圖組織樹報(bào)表圖一圖二構(gòu)建樹新建報(bào)表，添加數(shù)據(jù)集新建工作薄，添 組織樹報(bào)表中由id與父id來實(shí)現(xiàn)組織樹報(bào)表，若層級(jí)數(shù)較多時(shí)，對每個(gè)單元格設(shè)置過濾條件和形態(tài)會(huì)比較繁瑣，因此FineReport提供了一種特殊的數(shù)據(jù)...
閱讀 2058·2021-11-22 19:20
閱讀 2718·2021-11-22 13:54
閱讀 2116·2021-09-04 16:40
閱讀 1884·2021-08-13 11:54
閱讀 2784·2019-08-30 15:55
閱讀 3515·2019-08-29 13:51
閱讀 576·2019-08-29 11:09
閱讀 3067·2019-08-26 14:06
