http://www.guirebustini.com.br/
就是这个网页！有没有知道他这个模式显示的方式呀？
主要在这几个方面：
1.首页进去的页面，当滚动滑轮的时候该页面是不会移动的，当下一个页面达到满屏的时候，下一张页面出来，那么这张页面的位置也是不会变得。都是被后者慢慢覆盖！（这里经过我的测试各个div是一层覆盖一层的关系，也就是说这里是通过z-index来实现的，但是具体的能不能给点提示）
2.覆盖过程中，前一个页面的字和图片会有稍微上移的感觉，让人的感觉就是，这些字不是一下子被覆盖的！
这点又是怎么实现的
3.首页音乐框中背景原来是灰色的，但是鼠标移上去会有蓝色滑动出来，个人有种感觉是通过移动图片来实现的，就是修改图片的位置。但是这样子的话不是应该有2个div一个是灰色的，但是这样子不是会覆盖下面的div的内容为什么上面的字还是能显示出来。所以貌似这个假设不成立，能不能给点提示？
就是这个网页！有没有知道他这个模式显示的方式呀？
主要在这几个方面：
1.首页进去的页面，当滚动滑轮的时候该页面是不会移动的，当下一个页面达到满屏的时候，下一张页面出来，那么这张页面的位置也是不会变得。都是被后者慢慢覆盖！（这里经过我的测试各个div是一层覆盖一层的关系，也就是说这里是通过z-index来实现的，但是具体的能不能给点提示）
2.覆盖过程中，前一个页面的字和图片会有稍微上移的感觉，让人的感觉就是，这些字不是一下子被覆盖的！
这点又是怎么实现的
3.首页音乐框中背景原来是灰色的，但是鼠标移上去会有蓝色滑动出来，个人有种感觉是通过移动图片来实现的，就是修改图片的位置。但是这样子的话不是应该有2个div一个是灰色的，但是这样子不是会覆盖下面的div的内容为什么上面的字还是能显示出来。所以貌似这个假设不成立，能不能给点提示？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#test1{
position:absolute;
left:0px;
top:0px;
background-image:url(2.jpg);
background-attachment:fixed;
background-position:10px 10px;
width:1000px;
height:1000px;
}
#test2{
position:absolute;
left:0px;
top:1000px;
background-image:url(460.gif);
background-attachment:fixed;
background-position:10px 10px;
width:1000px;
height:1000px;
}
</style>
</head><body>
<div id="test1"></div>
<div id="test2"></div>
</body>
</html>
类似这样试试
2,覆盖过程中,继续让被覆盖的页面移动就行了
3,2个div,上面的设置为透明层的就可以了,下面的控制div(已经赋予背景色)的宽度即可
https://github.com/Prinzhorn/skrollr这个是我之前有用过的一款，未必能完全达到你要的效果，不过可以自己改一些，或是做个参考 ！希望对你有帮助