html - 这种技术叫什么名字？

Question

这是链接：http ://codepen.io/uniZero/pen/fvkjJ

我尝试谷歌“固定图像背景”或类似的东西，但结果不是同一个漂亮的网页，当用户滚动网站时，多个背景会发生变化。

如果有人能指出我正确的方向，我将不胜感激，这样我就可以探索更多并学习如何制作类似的东西？

这类网站的优缺点是什么？？？

谢谢大家 ：）

Answer 1

实际上，背景不是“固定的”。修复的是<header>.

这种技术被称为... ta-da！固定标题。或者，当你使用Twitter Bootstrap时，他们称之为“固定导航栏”——它是使用它的网站中非常常见的组件。

这些的关键只是设置一个position: fixed（你可能已经注意到了）和一个可能的z-index值，所以它总是在最前面。