http://www.guirebustini.com.br/就是这个网页!有没有知道他这个模式显示的方式呀?
主要在这几个方面:
1.首页进去的页面,当滚动滑轮的时候该页面是不会移动的,当下一个页面达到满屏的时候,下一张页面出来,那么这张页面的位置也是不会变得。都是被后者慢慢覆盖!(这里经过我的测试各个div是一层覆盖一层的关系,也就是说这里是通过z-index来实现的,但是具体的能不能给点提示).我觉得应该是滚动过程中,如果一个div已经满屏的话就给加一个fix,那么就可以实现了了!不知道对不对?
2.覆盖过程中,前一个页面的字和图片会有稍微上移的感觉,让人的感觉就是,这些字不是一下子被覆盖的!怎么感觉有点像响应式的味道!
这点又是怎么实现的
3.首页音乐框中背景原来是灰色的,但是鼠标移上去会有蓝色滑动出来,个人有种感觉是通过移动图片来实现的,就是修改图片的位置。但是这样子的话不是应该有2个div一个是灰色的,但是这样子不是会覆盖下面的div的内容为什么上面的字还是能显示出来。所以貌似这个假设不成立,能不能给点提示?
因为最近才接触前端,所以实现效果不是很懂!希望大家可以分析下!
谢谢的
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/82562
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.