在移动视图上修复水平形式

Question

我在固定div中有一个表单。 view on large screen 问题是我开始在手机或小屏幕上填写表格 view on mobile or small screens

当用户开始编辑时，我想推开这个框

我写了这段代码来居中div

$.fn.centerBox = function () {
    $(this).css({
        'position': 'fixed',
        'left': (windowVar.innerWidth() - $(this).width()) / 2,
        'top': (windowVar.innerHeight() - $(this).height()) / 2
    });
};