javascript - 滚动浏览幻灯片等页面

Question

我遇到了苹果 iPhone5C、iPhone5S、Mac Pro 的新页面，并注意到他们似乎正在为他们的产品页面做一个很好的效果。我不只是让用户在整个页面中自由滚动，他们设置了幻灯片（因为没有更好的术语），当用户滚动时，无论数量如何，他们一次只能浏览一张幻灯片。

Iphone5C
Iphone5S
Mac Pro

这是一个非常好的效果，我不确定是否有人对如何重新创建它有方法或想法。有人发布了一个他为模仿这种效果而编写的脚本，但不确定是否已经构建了任何插件。任何想法或帮助表示赞赏？

Answer 1

回答可能有点晚了，但是是的，有一个插件可以做到这一点。

它被称为fullPage.js

• 现场演示
• 网页
• Github

它也适用于旧浏览器，例如 IE 8，并且有许多选项，例如回调、循环......

一探究竟 ：）

Answer 2

似乎这种效果是通过 CSS 完成的，如下所示：

element.style {
    opacity: 0.9999999999999956;
    -webkit-transform: translate3d(0, 0px, 0);
}

有关此技术的进一步说明，请阅读Apple Mac Pro 页面解构。