这是一个创建于 4115 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://www.guirebustini.com.br/
就是这个网页！有没有知道他这个模式显示的方式呀？
主要在这几个方面：
1.首页进去的页面，当滚动滑轮的时候该页面是不会移动的，当下一个页面达到满屏的时候，下一张页面出来，那么这张页面的位置也是不会变得。都是被后者慢慢覆盖！（这里经过我的测试各个div是一层覆盖一层的关系，也就是说这里是通过z-index来实现的，但是具体的能不能给点提示）.我觉得应该是滚动过程中，如果一个div已经满屏的话就给加一个fix，那么就可以实现了了！不知道对不对？
2.覆盖过程中，前一个页面的字和图片会有稍微上移的感觉，让人的感觉就是，这些字不是一下子被覆盖的！怎么感觉有点像响应式的味道！
这点又是怎么实现的
3.首页音乐框中背景原来是灰色的，但是鼠标移上去会有蓝色滑动出来，个人有种感觉是通过移动图片来实现的，就是修改图片的位置。但是这样子的话不是应该有2个div一个是灰色的，但是这样子不是会覆盖下面的div的内容为什么上面的字还是能显示出来。所以貌似这个假设不成立，能不能给点提示？
因为最近才接触前端，所以实现效果不是很懂！希望大家可以分析下！
个人觉得可能是用到了某一个开源框架！
就是这个网页！有没有知道他这个模式显示的方式呀？
主要在这几个方面：
1.首页进去的页面，当滚动滑轮的时候该页面是不会移动的，当下一个页面达到满屏的时候，下一张页面出来，那么这张页面的位置也是不会变得。都是被后者慢慢覆盖！（这里经过我的测试各个div是一层覆盖一层的关系，也就是说这里是通过z-index来实现的，但是具体的能不能给点提示）.我觉得应该是滚动过程中，如果一个div已经满屏的话就给加一个fix，那么就可以实现了了！不知道对不对？
2.覆盖过程中，前一个页面的字和图片会有稍微上移的感觉，让人的感觉就是，这些字不是一下子被覆盖的！怎么感觉有点像响应式的味道！
这点又是怎么实现的
3.首页音乐框中背景原来是灰色的，但是鼠标移上去会有蓝色滑动出来，个人有种感觉是通过移动图片来实现的，就是修改图片的位置。但是这样子的话不是应该有2个div一个是灰色的，但是这样子不是会覆盖下面的div的内容为什么上面的字还是能显示出来。所以貌似这个假设不成立，能不能给点提示？
因为最近才接触前端，所以实现效果不是很懂！希望大家可以分析下！
个人觉得可能是用到了某一个开源框架！
第 1 条附言 · 2013-09-16 00:41:17 +08:00
各位忽略上一个帖子吧！是我自己手贱，多点了一下！对各位照成了视觉污染实在是抱歉!
 |
1
caomu 2013-09-16 00:37:02 +08:00  1
|
 |
3
emric 2013-09-16 02:54:12 +08:00 1
1. 根据当前位置, 设置和取消 position:fixed / script-footer.js row 97~128
2. 根据当前位置, 设置 margin-top / script-footer.js row 13~30 3. hover时用.animate把.botao-hover元素的margin-left方法设置为 0 / script-footer.js row 162~168 |
Select Language