フッターサイズ変更後のみ表示

Question

ページの下部に固定するフッターを作成しています。フッターは作成中ですが、ウィンドウのサイズを変更した後にのみ表示されます。ウィンドウのサイズが変更されるたびに呼び出されている機能もあり

.footerTitleBar { 
    position: relative; 
    padding: 0 0 20px 20px; 
} 

：以下は私のコードはCSS

<div id="footerContainerLexApp"> 
    <div id="footerTitleBar" class="bold footerTitleBar"> 
    <div> 
     <div class="form-group-margin"> 
     <button type="button" class="btn-primary uiBMarginRight btn btn-root" style="min-width: 100px;">Save</button> 
     <button type="button" class="btn-primary uiBMarginRight btn btn-root" style="min-width: 100px;">Submit</button> 
     </div> 
    </div> 
    </div> 
</div> 

です。

onResize: function() { 
    if(lexAppWidget.jqueryLoaded) { 
    var heightToBeReduced = 200; 
    if($("#tabviewMainContainerLexApp").is(":visible")) { 
     heightToBeReduced = 200; 
    } 
    var height = top && top.innerHeight ? top.innerHeight - heightToBeReduced : 800; 
    if(widget.containerScroller) { 
     widget.containerScroller.setSize({ height: height }); 
    } 
    if($(".commonGridTable").length != 0) { 
     for(var i = 0; i < $(".commonGridTable").length; i++) { 
     if($($(".commonGridTable")[i]).attr('id') && $("#" + $($(".commonGridTable")[i]).attr('id').split("idCommonGridTable")[1]).is(':visible')) { 
      var containerWidth = widget.getElement("#" + $($(".commonGridTable")[i]).attr('id').split("idCommonGridTable")[1]).getSize().width 
      var widgetWidthonResize = (containerWidth - (0.02 * containerWidth)); 
      $($(".commonGridTable")[i]).setGridWidth(widgetWidthonResize); 
     } 
     } 
    } 
    } 
} 

Answer 1

私はあなたのonLoad()でonResize()を呼び出して検討する...
それだ一般的なアプローチ、onResize方法は、いくつかのロジックが含まれている場合...