如何使网站滚动，背景不移动，工具栏自动最小化？

Question

是否有这些功能的JS或实际上是如何工作的？ （请查看以下网站）

当用户向下滚动时，顶部工具栏最小化并保持在顶部。此外，图片似乎不随着滚动而移动......

谢谢！

http://getflywheel.com/

http://www.google.com/nexus/7/

Answer 1

工具栏的

position:fixed。 在第一个示例中还有JS onscroll事件的事件处理程序，其中检查用户是否滚动 足以显示工具栏

Answer 2

对于第一个示例，您必须在css上为您的背景设置position:fixed属性。必须检查事件处理程序是否用户已到达底部以在页面顶部显示工具栏。

在第二个示例中，没有固定的背景，只有parallanxed background here is a good example。