Updates last section bottom padding inside a sticky footer design. This allows the top of the section to fit into the top of the viewport when the page would end at the top of the footer.

last-child-section-padding.js

function updateHeight() {
  if (($(window).height()) > $("section:last-child").height()) {
    $("section:last-child").css("padding-bottom", $(window).height() - ($("section:last-child").height() + $("#footer").height() + 30) + "px"); // adjust the number for extra padding depending upon your site
  } else {
    $("section:last-child").css("padding-bottom", "0px");
  }
}
// call on DOM load	
updateHeight();

// call on window resize for portrait -> landscape
$(window).resize(function() {
  updateHeight();
});