像这种网站效果，整屏整屏换有没有什么名字？

window.addEventListener('scroll',function(e){
        var scrollTop = window.scrollY;
        if(scrollTop > 0 && scrollTop < articleHeight){
            title1.classList.add('title-anim');
            content1.classList.add('content-anim');
        }else if(scrollTop >= articleHeight && scrollTop < articleHeight*2){
            title2.classList.add('title-anim');
            content2.classList.add('content-anim');
        }else if(scrollTop >= articleHeight*2 && scrollTop < articleHeight*3){
            title3.classList.add('title-anim2');
            content3.classList.add('content-anim');
        }
    })

这种叫 视差滚动（Parallax Scrolling）。即多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。


比如这个游戏画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个滚动视察的网站至少会有以下几层 ：背景层，内容层，贴图层。

类似网站：

http://nikebetterworld.com/

http://ianlunn.co.uk/plugins/jquery-parallax/

类似Nike for a Better World 产品展示页面的视差滚动效果。
源码下载 http://pan.baidu.com/s/1hqssgcc

http://www.sequencejs.com/themes/sliding-horizontal-parallax/
水平方向的视差滚动。
源码下载 http://pan.baidu.com/s/1kT5dnbL


Bit This
Bit This 是一家位于西班牙马德里的代理公司。

New Zealand

The New Zealand 是一家介绍新西兰旅游的网站。

Diablo Media

Diablo Media 是一家线上营销代理公司：为广告主和出版商发布产品和作品。

360 Long Road ZurichNetlash bSeen

Netlash BSeen 是由 Netlash 创建人和线上营销代理 bSeen 合并之后新创建的一家代理公司。

Ito Sio CeniSullivanIutopiCultural SolutionsGo Up

Go Up 是一家意大利广告代理公司。

Ito Sio Ceni

Ito Sio Ceni 是一家波兰的广播公司，

Sullivan

Sullivan 是一家提供从各个方面提升用户接触度服务的代理公司。

Iutopi

Iutopi 是一家品牌、平面设计和网页设计代理公司。

Cultural Solutions

Cultural Solutions 是英国的一家企业管理代理公司。

Go Up

Go Up 是一家意大利广告代理公司。

【参考资料】

[1]http://www.damndigital.com/archives/37242

[2]http://www.cnblogs.com/lhb25/archive/2011/06/01/parallax-scrolling-in-web-design.html

——————————————————————————————————————

=-=||| 各位说我文不对题的页面，其实是问题提到的网页改版了……之前的确实是视差滚动的。你看我楼下那个早期回答也是这样的类型

基于码农的价值观，完全未能捕捉到题主单纯只是为了寻求一个名词解释的动机。
以下回答基本跑题。

----------------------------

事实上只要注意到这个url中的#号，就应该明白这是一种基于hash change 事件做路由导向的页面设计风格。

一般的web页面，都是基于url做路由的，即url改变了，那么就到了另外一个页面。如，baidu首页就是 baidu.com,贴吧首页就是http://tieba.baidu.com。

基于hash（hash即url中#后面的部分）的页面却不是这样。像当前网站，首页是 http://beoplay.cn/#/home，某产品信息就是 http://beoplay.cn/#/products/h6，url的uri部分是没变的，变得是hash，即页面并不会刷新，但是浏览器的history接口可以提供pushState功能，即按退格键会到上一次hashchange时的url，以实现类似页面跳转的效果。

开发人员要做的就是每次hashchange事件发生时，获取hash值并做路由处理，例如uri#/product/$id就展示某个产品, uri#/home就展示首页之类的，都是在先ajax数据，然后本地操作dom实现的，所以速度很快，且不会影响某些流媒体播放。

国内有很多这样的网站，例如QQ音乐-音乐你的生活！ 、 网易云音乐 听见好时光

当然，hashchange事件在ie67应该是不支持的，我也没测试，不知道在ie67是否还是这样实现的。

至于单页滚动、视差滚动这些词所形容的页面效果，常见于wordpress的一些主题，国外很多个人站非常喜欢这种风格，google one page blog即可看到很多结果。只是单纯基于scroll事件，绑定一些dom操作，跟hashchange结合ajax的效果不可同日而语。事实上，这种效果只有结合hashchange & ajax才能真正发挥作用，否则就是花瓶。 Apple - Mac Pro

QQ浏览器 for MAC 官方网站

Mac迅雷官网 这种页面的学名应该是叫：单页滚动。
用过这样的一个jquery插件jQuery One Page Scroll by Pete R.
然后关于视差的很多网站呢，设计达人 | 爱设计，爱分享。优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台里面搜索视差就能发现很多。
最初级的教程的话，视差滚动的爱情故事 腾讯的AlloyTeam里写的科普文章，后面还有一篇，可以先从这里试试 个人建站中，准备采用这种形式展示。查阅其文档。
惊人发现如下，大家也可以借鉴一下这些网站的设计风格。


British Airways Behind The Design"
- Sony MDR Headphones
- | Vodafone xone
- CERVEZA SALTA
- Snapzheimer
- New JUMO Concept
- 小米手环智能手环——小米手机官网
- Moneytree 一生通帳、家計簿より楽チン！
- Leafcutter Creative Digital
- Restaurant WOODS
- Charlotte Aimes
- Made of Sundays
- JACOB ERIKSSON
- http://patuque.com/santateresa
- YMCA Annual Report 2013
- Dividend Solar: America’s Energy Investment Platform
- The Specialists
- Brian Ingle - test
- lawinenstift Werbeagentur Berlin Charlottenburg
- http://wtfdesign.pl/
- TheKorner
- Education Above All
- Blacknova Academy
- Rocker Creative
- Nova
- Scribe: Copy and paste anything from your Mac to your iPhone, without Wi-Fi
- SWENK.me | Violin cases with your personality
- Lucile Cazanave
- http://overallstudio.co.il/
- SUM HING CARTON BOX FACTORY 森興紙品廠
- MedLIVE - Real-Time Market Data
- http://bearonunicycle.com/
- http://rawmilk.dk/en/
- Nearpod: Create, Engage, Assess through Mobile Devices.
- Fama Volat
- Carpet Lover Club
- Zack Batsaikhan. Creative Director.
- GraphicID - grafisk design
- Homme en Devenir
- JukStaPoz
- Portfolio Arno
- 2013老夫子50 時空叮叮車
- Matrimonia | Ekskluzivan Salon Venčanica
- carlphot
- Medissix
- Viaggia con Terna nel Mondo della Trasmissione dell'energia Elettrica
- CONSUMED, the Movie
- http://www.villareginateodolinda.it
- Rodrigo Maroto Portfolio 2013
- http://azul257.com.mx
- MGfilms
- THE KESS TRIO
- Will Fong
- Karma FF&E
- Foss distillery
- Conversion Culture
- Дед Мороз и Снегурочка Киев. Корпоративы и детские утренники
- FERGAL KEENAN
- http://spell-star.appspot.com/
- http://yizeng.me/
- Neo Learning NL
- http://sunfishlabs.com/
- Unabridged Software
- Plainworks Worldcup 2014 Match Schedule
- Home | Organice
- Alchemy Research & Analytics-A knowledge outsourcing firm
- CIMA 2015 - Vuelve al origen
- El mรฉtodo Japonรฉs para dejar de fumar fรกcilmente
- http://atlanticcorp.us/
- http://moysport.ru/
- N철rttilaakso Oy!
- World Cup 2014 Fixtures
- http://www.dopehustleinc.com/default.php
- http://themify.me/demo/#theme=fullpane
- http://bragdonfarm.com/
- Paperdeer
- Veterans of Foreign Wars VFW Post 1
- Dancing Road Productions
- Camani | Indonesian Iconic Scents
- Exapoint: easySoft, Qualit辰tsmanagement Gesundheitswesen, SOP Management