如何在进入页面时将视图设置为页面底部？

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.container {
  min-height: 100%;
  position: relative;
}

.content {
  padding-bottom: 50px; /* 设置底部视图的高度 */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px; /* 设置底部视图的高度 */
}

<div class="container">
  <div class="content">
    <!-- 页面内容 -->
  </div>
  <div class="footer">
    <!-- 底部视图内容 -->
  </div>
</div>

window.onload = function() {
  var footer = document.querySelector('.footer');
  var windowHeight = window.innerHeight;
  var footerHeight = footer.offsetHeight;

  if (windowHeight > footerHeight) {
    footer.style.position = 'fixed';
    footer.style.bottom = '0';
  }
};

<div class="content">
  <!-- 页面内容 -->
</div>
<div class="footer">
  <!-- 底部视图内容 -->
</div>