Fußzeile nur nach der Größenanpassung sichtbar

Question

Ich erstelle eine Fußzeile, die am unteren Rand der Seite behoben werden sollte. Die Fußzeile wird erst nach der Größenänderung des Fensters erstellt. Unten ist mein Code

<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> 

CSS:

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

Es gibt auch eine Funktion, die das Fenster jedes Mal, wird verkleinert aufgerufen worden.

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

halte ich würde onResize() in Ihrem onLoad() ...
Es ist ein verbreiteter Ansatz nennen, wenn die onResize Methode enthält einige Logik ...