至于单页滚动、视差滚动这些词所形容的页面效果,常见于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