HTML背景固定位置

Question

我目前在我的身体标签中修复了背景

body
{
background-image: url("http://i.imgur.com/t3bikz8.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

我也在使用＆＃34; smoothscroll＆＃34;功能，我希望有人可以帮助我解决2个问题..

1）如何加载时我的背景图像仅保留在页面顶部，因此滚动时不会跟随你。

2）其次，我希望用户不能开始滚动，除非他们点击我的主启动页面上的4个可用按钮之一。 （我确定这个命令是否与背景相关，如果不是，则抱歉）

感谢

希望它能像这个背景一样运作

http://www.andreagalanti.it/flatfy/

Answer 1

创建一个div并将其宽度/高度设置为100％并在div中设置背景图像，这样当你向下滚动时div就会上升。

我不知道它是否会以你想要的方式运作，但你可以尝试一下 当你加载页面加载可见的内容而不滚动时将其设置为固定位置，当用户单击按钮然后用javascript将其位置更改为relative / absolute。 希望有用！

Answer 2

尝试在样式中添加overflow:hidden可以解决您的问题。