easyui的winform底部按钮

页面效果

 页脚按钮固定，不随上面的滚动条变化

easyui的winform.js里的部分源代码

$.each(options.buttons,function(i,o){
   var button = $.extend(true,{
      id:'',
      cls:'',
      href:'javascript:void(0)',
      iconCls:'',
      text:''
   },o);
   html.push('<a id="'+button.id+'" class="'+button.cls+'" href="'+button.href+'" data-options="'+(button.iconCls!=''?'iconCls:\''+button.iconCls+'\'':'')+'">'+button.text+'</a>');
});

 我设置的几个按钮

/* 单位签到 */
$('#btn_org_sign_in').click(function () {
    $('#org_sign_in_window').winform({
        href : 'org/signin',
        method : 'post',
        title : '单位签到任务',
        width : '1000px',
        height : '800px',
        maximizable : false,
        modal : true,
        buttons:[{
            id:'org_signin_skip_btn',
            text:'略过本步',
            cls:'layui-btn layui-btn-disabled'
        },{
            id:'org_signin_next_btn',
            text:'下一篇(<span style="color:red">3s</span>)',
            cls:'layui-btn layui-btn-disabled'
        },{
            id:'org_signin_btn',
            text:'完成任务并签到',
            cls:'layui-btn layui-btn-normal'
        },{
            id:'org_signin_close_btn',
            text:'关闭',
            cls:'layui-btn layui-btn-primary',
        }],
        onBeforeClose:function(){
            if(timer != null){
                clearInterval(timer);
            }
        }
    });
});

 button里可以设置的几个属性：

id:'',
cls: 也就是按钮的class属性
iconCls:'',按钮使用的图标（例如;icon-save是√ ，icon-close是×）
text:''