首先國內的資料查了很久但是沒有查到。 我的問題是下面這樣,每次打開之后只要我的滾動條拉到底之后,每次打開都是默認這樣的情況。
這樣的用戶的體驗及其糟糕,然后我參考了一下國外的大牛(stworthy)的意見,在這里表示感謝。
創建一個 div (dialog)然后嵌套進去一個layout 然后在進行位置恢復。好了不多說上代碼
<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>下面的三句話是重點?。?!<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">然后在你代碼的適當位置添加上下面這句話$('#center').scrollTop(0);
即可實現每次打開都是下面的效果
最后祝您好運。~~~
新聞熱點
疑難解答