jQuery在计算窗口高度后将div放在特定位置

Question

我想基于使用jQuery计算窗口高度来放置div。 这是我的代码段：

var winHeight = document.body.scrollHeight;

现在我得到了窗户的高度。 我想根据高度在窗口底部放置一个div。 这是因为高度不同但不论高度如何，这个DIV应该放在底部，为这个DIV提供一些样式。

注意：我通过jQuery动态添加div。所以我需要计算页面的高度并显示它。因为页面的内容/高度会有所不同。这就是为什么我需要通过jQuery

添加基于窗口高度的CSS样式

请帮助。

谢谢，

Answer 1

您不需要JavaScript。我建议使用CSS position: fixed和bottom: 0：

#bottom {
  position: fixed;
  bottom: 0;
  background: red;
}

<div id="bottom">I'm always at the bottom</div>