html - 如何在固定元素后面时将焦点元素带入视野

Question

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

我更愿意保留position: fixed;样式，但要理解只有两个不重叠的容器可能更可取（即更容易）。

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

如果您将第一个文本框设为焦点并通过每个文本框进行制表符，则您应该到达下一个焦点元素不可见但隐藏在页脚后面的点。我期望隐藏元素自动滚动到视图中。

Answer 1

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