关于 Dropbox 首页和 Mac Pro 网站这样的设计

[Livid]

https://www.dropbox.com/

http://www.apple.com/mac-pro/

这种刚好把浏览器的 viewport 占满，然后再往下拉查看更多的设计，是否有什么比较好的介绍文章？

[Mihuwa]

之前有在v2ex上看到讨论过。

[Mihuwa]

视差滚动

[Livid]

@Mihuwa 我主要是好奇这个首屏的这种设计：刚好占满浏览器的窗口，然后提示你向下滚动查看更多。

比较好奇这种设计是否有一个业界通用的学名。

[song940]

https://github.com/peachananr/onepage-scroll

[Seita]

@Livid 学名应该就是视差滚动。

[disinfeqt]

有，而且是很难听的名字，因为很多设计师都不喜欢 —— 叫 Scroll Hijacking。
提供几个链接供大家参考：
http://trentwalton.com/2013/10/23/scroll-hijacking/
https://news.layervault.com/stories/9138-on-scroll-hijacking
https://news.layervault.com/stories/12634-the-most-annoying-scroll-hijacking-so-far

[disinfeqt]

啊，看错了，我说的是 https://www.carousel.com 和 http://www.apple.com/mac-pro

[qiayue]

一个 jQuery 插件可以实现类似功能 http://www.dowebok.com/77.html

[virushuo]

http://en.wikipedia.org/wiki/Parallax_scrolling

http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

应该是这个？

[xiao99xiao]

@Livid 问的点和Scroll Hijacking一点关系都没有好么，ls几位在看啥。

说的是让页面的第一部分内容高度刚好匹配到用户浏览器窗口的高度。至于是否要hijack scroll根本和这效果无关啊。

顺便，这效果是否有名字我也不知道。

[Seita]

Parallax Scrolling 和 Scroll Hijacking 的区别好像只有 parallax 的多少…

[yuxhuang]

Skrollr: https://github.com/Prinzhorn/skrollr

Example: http://www.evanshalshaw.com/bondcars/

[xiao99xiao]

Parallax Scrolling根本是指页面的不同内容随着滚动时移动的位移不同，带来的视差效果。dropbox的网站里连视差都没有，谈何Parallax Scrolling。

Scroll Hijacking是指对浏览器的滚动行为进行hijack，以实现特殊效果（比如每次都整屏替换，而不是只移动几px）。Mac Pro的页面里确实有这效果，但是这不是 @Livid 问的点。Dropbox主页就没这效果。

so……

[cameo]

http://ux.stackexchange.com/questions/40627/what-do-you-call-websites-that-make-heavy-use-of-vertical-scrolling

有人问了相同的问题，没有特别统一的名称。

google关键字：vertical scroll to see more design

[cameo]

搜索时应该意识到我们想找的其实是一种设计的名字，跟怎么实现这个设计无关，所以不应该用viewport这类专业词汇。

前面有人说的scroll hijacking也只是某种效果的实现方法，而不是设计本身。这两个是不同的，前面已经有人说到了。

[P233]

fullscreen slide scrolling 或者 full screen scroll jacking 等类似的名字，还谈不上专门的设计名词吧

[POPOEVER]

为什么我想到视差怪了 =_=

[chaojie]

mac pro 那个页面明显设计的不行啊。我这正常的笔记本分辨率用鼠标滚动一直会出错在第一，二页之间，但用下箭头却没有问题。
已测试多遍。

[qiayue]

@chaojie 同

[pepsin]

Stellar.js 可以实现这种吧