Question

页面上有一个Canvas.overrideSorting块，具有以下CSS样式：

if (_canvas.gameObject.activeInHierarchy && _canvas.enabled)
    _canvas.overrideSorting = true;
else
    Debug.Log("Cannot change Canvas overrideSorting");

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

我达到此目的的算法是：

1）获取从页面顶部开始的滚动距离：

div

2）获取浮动块#block { position: fixed; height: 200px; width: 900px; }的高度：

var w = window.scrollY

3）获取完整的窗口高度：

#block

因此，然后将浮动块放在窗口底部：

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

然后，如果我向下滚动页面，我将var hw = window.innerHeight增大到与Y的滚动距离，反之亦然：

var startPlaceCoord = window.innerHeight - hb

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

Answer 1

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

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

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

如何按块到主窗口底部？

1 个答案: