javascript - 如何将 block 按到主窗口底部？

Question

页面上有一个 div block ，其 CSS 样式如下:

#block {
 position: fixed;
 height: 200px;
 width: 900px;
}

即使窗口滚动，此 block 也应放置在窗口底部。

我实现这个目的的算法是:

1) 获取距页面顶部的滚动距离:

var w = window.scrollY

2) 获取 float block 的高度#block:

   var hb = document.getElementById("block").offsetHeight

3)获取窗口的完整高度:

var hw = window.innerHeight

所以，然后我将 float block 放置到窗口底部:

var startPlaceCoord = window.innerHeight - hb

然后，如果我向下滚动页面，我会将 startPlaceCoord 增加到距 Y 的滚动距离，反之亦然:

startPlaceCoord = startPlaceCoord + w

但这对我不起作用。我哪里错了？

Answer 1

只需将 bottom:0 添加到您的样式声明中即可:

#block {
 position: fixed;
 bottom: 0;
 height: 200px;
 width: 900px;
}

https://jsfiddle.net/lucakiebel/ZsnuZ/2221/