如何在固定元素后面将聚焦元素放入视图中

Question

我遇到的问题是文本框被聚焦，但隐藏在固定的页脚后面。通常，可视区域外的聚焦元素被浏览器滚动到视图中。有没有办法将固定页脚视为降低视图高度而不实际减少可视区域的东西？

我更希望保留position: fixed;样式，但要了解它可能更好（即更容易）只有两个不重叠的容器。

参考：http://jsfiddle.net/WJvSU/1/

如果你有第一个文本框聚焦并通过每个文本框选项卡，你应该到达下一个聚焦元素不可见但隐藏在页脚后面的点。我期望隐藏元素自动滚动到视图中。

Answer 1

如果您将z-index:999;添加到页脚元素，那么它会将其保留在其他所有内容之上。