最近在做項目的時候,客戶要求點擊父頁面的一個按鈕以后,整個父頁面向左移動,左側則用來顯示圖片,這樣用戶可以照著左側圖片在頁面上填一些信息。結果可能在最初是設計的時候就有問題,設計的樣式是這樣的,點擊父頁面(頁面寬度設置為100%)上的一個按鈕整個頁面往右側移動頁面比例為原來的50%,左側彈出一個dialog頁面,占整個頁面的50%,結果dialog和原頁面不在一個層上,dialog直接彈出的,并不在div里邊,且dialog好像不能設置百分比,只能設置具體的像素,所以在尺寸不同的電腦上,dialog和原頁面之間的寬度不一樣。結果問了一下UI工程師,工程師的解決辦法是:
function viewPictures() {
var link = “${ctx}/upload/showBigImageReport/null?idNumber=${idNumber}&applyId=${applyId}&imgType=null&resType=CUSTOMSERVICE&sign=”;
parent.$.ligerDialog.open({ url: link,name:’pagerForm’, width:700,height:950,modal:false,top:0,left:0,isDrag:false,allowClose:false,isResize:true});
/* $(“#bankStatement”). css({width:”620″,float:”right”});
$(“#pepoleBankReport”). css({width:”620″,float:”right”});
$(“#othersInfo”). css({width:”620″,float:”right”}); */
$(“#entirety”). css({width:document.body.clientWidth-710+”px”,float:”right”});
}
即再打開dialog窗體的時候,將網頁可見區域寬(width:document.body.clientWidth)-dialog本身的寬度(710)然后讓原頁面右漂浮,面的昂算是解決了,但原來要求的比例實現不了了,暫時只有這么解決了,不知道各位還有其他想法嗎?
新聞熱點
疑難解答