Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将块按到主窗口的底部?_Javascript - Fatal编程技术网

Javascript 如何将块按到主窗口的底部?

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 因

页面上有一个具有以下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
因此,我将浮动块放置在窗口底部:

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?