Javascript 如何将块按到主窗口的底部?
页面上有一个具有以下CSS样式的div块:Javascript 如何将块按到主窗口的底部?,javascript,Javascript,页面上有一个具有以下CSS样式的div块: #block { position: fixed; height: 200px; width: 900px; } 即使滚动窗口,此块也应放在窗口底部 我实现这一目标的算法是: 1从页面顶部获取滚动距离: var w = window.scrollY 2获得浮动块的高度: 3获得窗户的全高: var hw = window.innerHeight var startPlaceCoord = window.innerHeight - hb 因
#block {
position: fixed;
height: 200px;
width: 900px;
}
即使滚动窗口,此块也应放在窗口底部
我实现这一目标的算法是:
1从页面顶部获取滚动距离:
var w = window.scrollY
2获得浮动块的高度:
3获得窗户的全高:
var hw = window.innerHeight
var startPlaceCoord = window.innerHeight - hb
因此,我将浮动块放置在窗口底部:
var hw = window.innerHeight
var startPlaceCoord = window.innerHeight - hb
然后,如果我向下滚动页面,我会将startPlaceCoord增加到距Y的滚动距离,反之亦然:
startPlaceCoord = startPlaceCoord + w
但这对我不起作用。我错在哪里?只需在样式声明中添加底部:0:
#block {
position: fixed;
bottom: 0;
height: 200px;
width: 900px;
}
添加底部:0;到你的区块你知道如果添加底部:0它工作,但如果我滚动页面这个区块消失在底部不,它不会消失,位置:固定保持它不做that@OPV为滚动页面提供与固定块高度匹配的底部填充,例如200px,这是什么意思?您的意思是在块的高度上添加边距底部它不适用于我,可以为父容器位置设置:Relative?