首先國內(nèi)的資料查了很久但是沒有查到。 我的問題是下面這樣,每次打開之后只要我的滾動條拉到底之后,每次打開都是默認(rèn)這樣的情況。
這樣的用戶的體驗(yàn)及其糟糕,然后我參考了一下國外的大牛(stworthy)的意見,在這里表示感謝。
創(chuàng)建一個 div (dialog)然后嵌套進(jìn)去一個layout 然后在進(jìn)行位置恢復(fù)。好了不多說上代碼
<div style="margin:20px 0;"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="showDialog()">Open</a> <a href="Javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlgTest').dialog('close')">Close</a> </div> <div id="dlgTest" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" closed="true" style="width:400px;height:200px;padding:10px"> <div class="easyui-layout" fit="true"> <div id="center" region="center" border="false"> <div style="margin-bottom:10px"> <input class="easyui-textbox" style="width:100%;height:40px;padding:12px"> </div> <div style="margin-bottom:20px"> <input class="easyui-textbox" style="width:100%;height:40px;padding:12px"> </div> <div style="margin-bottom:20px"> <input type="checkbox" checked="checked"> <span>Remember me</span> </div> <div style="margin-bottom:10px"> <input class="easyui-textbox" style="width:100%;height:40px;padding:12px"> </div> <div style="margin-bottom:20px"> <input class="easyui-textbox" style="width:100%;height:40px;padding:12px"> </div> <div> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style="padding:5px 0px;width:100%;" onclick=""> <span style="font-size:14px;">OK</span> </a> </div> </div> </div> </div>下面的三句話是重點(diǎn)!?。?/p><div id="dlgTest" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" closed="true" style="width:400px;height:200px;padding:10px"> <div class="easyui-layout" fit="true"> <div id="center" region="center" border="false">然后在你代碼的適當(dāng)位置添加上下面這句話$('#center').scrollTop(0);
即可實(shí)現(xiàn)每次打開都是下面的效果
最后祝您好運(yùn)。~~~
新聞熱點(diǎn)
疑難解答