WebSphere Portal中,實施拖拽功能造成頁面閃動的解決方法
[@more@]WebSphere Portal中,實施拖拽功能造成頁面閃動的解決方法
在Portal 6.0中,使用自帶的拖拽指令碼,當頁面比較大,portlet比較多時,滑鼠從portlet標題欄移動時,經常出現頁面閃動現象。原因是在自帶的指令碼中,滑鼠滑過標題欄時,使用重新載入了整個body的css樣式,當頁面比較大時,IE重新渲染整個頁面的開銷比較大,給使用者的感覺就是頁面在閃。
解決方法:
1.修改wps.war/dnd/DND.js,將設定滑鼠樣式的程式碼遮蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相應skin的Control.jsp檔案,在標題欄的HTML標籤上,設定style="cursor:hand"樣式,如:
在Portal 6.0中,使用自帶的拖拽指令碼,當頁面比較大,portlet比較多時,滑鼠從portlet標題欄移動時,經常出現頁面閃動現象。原因是在自帶的指令碼中,滑鼠滑過標題欄時,使用重新載入了整個body的css樣式,當頁面比較大時,IE重新渲染整個頁面的開銷比較大,給使用者的感覺就是頁面在閃。
解決方法:
1.修改wps.war/dnd/DND.js,將設定滑鼠樣式的程式碼遮蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相應skin的Control.jsp檔案,在標題欄的HTML標籤上,設定style="cursor:hand"樣式,如:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/7199667/viewspace-1020204/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- WebSphere Portal 7.0的主題與皮膚部署方法Web
- 移動端頁面滾動--解決方法
- IBM WebSphere Portal當機或效能低常見問題分析 及解決措施IBMWeb
- https頁面載入http資源的解決方法HTTP
- 頁面劫持,頁面劫持,如果被頁面劫持了該怎麼去解決,方法分享
- Vue實現浮動按鈕元件 - 頁面滾動時自動隱藏 - 可拖拽Vue元件
- vue中重新整理頁面時去閃爍,提升體驗方法Vue
- 禁止頁面滾動的方法
- android專案點餐app1:基礎功能:閃屏頁、登入頁面、註冊頁面AndroidAPP
- pyinstaller閃退問題解決方法
- 404錯誤頁面是怎麼造成的
- IIS設定404頁面返回200碼和404頁面亂碼解決方法
- 解決WordPress頁面錯位問題的實用技巧
- 三種方式實現平滑滾動頁面到頂部的功能
- 實現一個頁面鎖屏的功能
- uniapp頁面中的按鈕使用分享功能APP
- 解決移動端rem載入瞬間頁面錯亂的方法(放大或者縮小)REM
- vue頁面渲染是閃爍{{}}Vue
- Flutter互動實戰-即刻App探索頁下拉&拖拽效果FlutterAPP
- Xshell拖拽檔案時傳輸速度為0的解決方法
- wegame閃退怎麼解決 wegame閃退打不開多種解決方法介紹GAM
- vue渲染時閃爍{{}}的問題及解決方法Vue
- 實現小程式canvas拖拽功能Canvas
- Jquery 實現頁面倒數計時的功能jQuery
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- Viewpager+FragmentStatePagerAdapter動態新增,刪除,移動位置,(區域性)更新頁面(Fragment)不閃屏,不錯位解決方案ViewpagerFragmentAPT
- [C#] [WPF] 在MVVM中實現拖拽功能 - 入門C#MVVM
- 解決antdesign頁面滑動時下拉框漂浮的問題
- 脈脈App引導頁面中推薦功能的實現推測APP
- Flutter 啟動頁(閃屏頁)具體實現和原理分析Flutter
- Win10系統桌面不停閃屏自動重新整理的解決方法Win10
- win10系統下autocad2014啟動時閃退的解決方法Win10
- windows10系統開啟php頁面速度慢的解決方法WindowsPHP
- html頁面轉PDF的功能HTML
- angualr實現滑鼠拖拽排序功能排序
- 造成黏包的原因,及解決方案
- 【解決方法】正常遊覽Flash頁面,解決主流遊覽器的不支援問題(如Edge,Firefox)Firefox
- win10系統玩上古卷軸5遊戲閃退畫面卡死的解決方法Win10遊戲
- ui自動化測試,頁面方法的使用UI